Get deleted character from content editable div

Question

I am using a content editable div because i want to show emoticons selected by the user in the text area.

I want to know what character is deleted with backspace or delete button.

Is it possible to know the character with jquery or javascript?

UPDATE

This is not at all a duplicate, since all answer are about how to track a pressed key not about the delected character.

Answer 1

I don't have a clean solution. But this one shows you the removed char if you hit the backspace key :

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