从内容可编辑div中获取已删除的字符

Question

我正在使用content editable div因为我想在文本区域中显示用户选择的表情符号。

我想知道用backspace或delete按钮deleted character 。

是否可以通过jquery或javascript知道字符？

更新

这根本不是重复的，因为所有答案都与如何跟踪按下的键有关，而与所选择的字符无关。

Answer 1

我没有干净的解决方案。 但是，如果您按了退格键，则此字符将向您显示已删除的字符：

var lastText = $('#editable').text();
$('#editable').keyup(function(event){
  if (event.which==8 || event.which==46) {
     var newText =  $(this).text();
    for (var i=0; i<lastText.length-1; i++) {
      if (lastText[i]!=newText[i]) {
       console.log("char '" +  lastText[i] + "' was removed at index "+i);
        lastText = newText;
        return;
      }
    }
  }
});

示范

Answer 2

您可以使用preventDefault()函数执行所需的操作。

这是一个使用<textarea>的示例，但是它应该扩展到任何元素：

http://jsfiddle.net/4dThe/

$('#txtArea').keydown(function(e) { 

    if (e.which == 8)
    {
     var value =   $(this).val();
     var lastchar = value.substring(value.length - 1);

        alert("Last character is: " + lastchar);
        $(this).val(value.substring(0, value.length - 1));
        e.preventDefault();
    }

});

preventDefault()方法阻止退格操作，因此不会删除最后一个字符。 然后，您可以查看最后一个字符是什么，然后自己执行退格操作。

您需要更改上面的示例以检测当前光标位置以删除正确的字符，但这只是一个开始。