在输入字段中输入已删除的字符

Question

，如果用户按下退格键或删除键，是否有办法获取已删除的字符。

我需要根据RegExp检查它。

Answer 1

下面将在所有主要浏览器的工作文字<input>内容，见jsFiddle。它不应该用于<textarea>元素，因为getInputSelection函数不会在IE中正确计算换行符。请参阅this answer了解将执行此操作的（更长）功能。

function getInputSelection(input) { 
    var start = 0, end = 0; 
    input.focus(); 
    if ( typeof input.selectionStart == "number" && 
      typeof input.selectionEnd == "number") { 

     start = input.selectionStart; 
     end = input.selectionEnd; 
    } else if (document.selection && document.selection.createRange) { 
     var range = document.selection.createRange(); 
     if (range) { 
      var inputRange = input.createTextRange(); 
      var workingRange = inputRange.duplicate(); 
      var bookmark = range.getBookmark(); 
      inputRange.moveToBookmark(bookmark); 
      workingRange.setEndPoint("EndToEnd", inputRange); 
      end = workingRange.text.length; 
      workingRange.setEndPoint("EndToStart", inputRange); 
      start = workingRange.text.length; 
     } 
    } 
    return { 
     start: start, 
     end: end, 
     length: end - start 
    }; 
} 

document.getElementById("aTextBox").onkeydown = function(evt) { 
    evt = evt || window.event; 
    var keyCode = evt.keyCode; 
    var deleteKey = (keyCode == 46), backspaceKey = (keyCode == 8); 
    var sel, deletedText, val; 
    if (deleteKey || backspaceKey) { 
     val = this.value; 
     sel = getInputSelection(this); 
     if (sel.length) { 
      deletedText = val.slice(sel.start, sel.end); 
     } else { 
      deletedText = val.charAt(deleteKey ? sel.start : sel.start - 1); 
     } 
     alert("About to be deleted: " + deletedText); 
    } 
}; 

Answer 2

不，没有变量存储删除的字符。除非您有撤销/重做历史记录，但是很难从该组件中获取信息。

最简单的方法是比较输入字段在删除/退格键被按下之前和之后的内容。

Answer 3

你可以尝试一些与插入位置：

function getCaretPosition(control){ 
    var position = {}; 
    if (control.selectionStart && control.selectionEnd){ 
    position.start = control.selectionStart; 
    position.end = control.selectionEnd; 
    } else { 
    var range = document.selection.createRange(); 
    position.start = (range.offsetLeft - 1)/7; 
    position.end = position.start + (range.text.length); 
    } 

    position.length = position.end - position.start; 
    return position; 
} 

document.getElementById('test').​​​​onkeydown = function(e){ 
    var selection = getCaretPosition(this); 
    var val = this.value; 

    if((e.keyCode==8 || e.keyCode==46) && selection.start!==selection.end){ 
    alert(val.substr(selection.start, selection.length)); 
    } else if(e.keyCode==8){ 
    alert(val.substr(selection.start-1, 1)); 
    } else if(e.keyCode==46){ 
    alert(val.substr(selection.start, 1)); 
    } 
}​ 

测试在Chrome 6的一个例子