Nhận nhân vật đã xóa khỏi nội dung có thể chỉnh sửa div

Question

Tôi đang sử dụng content editable div vì tôi muốn hiển thị biểu tượng cảm xúc do người dùng chọn trong vùng văn bản.

Tôi muốn biết những gì character là deleted với nút backspace hoặc delete.

Có thể biết nhân vật với jquery hoặc javascript?

CẬP NHẬT

Đây không phải là ở tất cả các bản sao, vì tất cả câu trả lời là về làm thế nào để theo dõi một phím nhấn không về nhân vật delected.

Answer 1

Tôi không có giải pháp sạch. Nhưng điều này cho bạn thấy char gỡ bỏ nếu bạn nhấn phím backspace:

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; 
     } 
    } 
    } 
}); 

Demonstration

Answer 2

Bạn có thể sử dụng preventDefault() chức năng để làm những gì bạn muốn.

Dưới đây là một ví dụ sử dụng một <textarea> nhưng nó phải mở rộng đến bất kỳ yếu tố:

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(); 
    } 

}); 

Các preventDefault() phương pháp khối hoạt động backspace, vì vậy các ký tự cuối cùng là không bị xóa. Sau đó, bạn có thể xem ký tự cuối cùng là gì và tự mình thực hiện thao tác backspace.

Bạn cần phải thay đổi ví dụ trên để phát hiện vị trí con trỏ hiện tại để xóa ký tự chính xác, nhưng đó là sự bắt đầu.