Прослушивание событий контентного HTML-элемента

Я пытаюсь выяснить, есть ли способ прослушивать такие события, как focus или change элемента HTML с атрибутом contenteditable .

У меня есть эта html-разметка:

Hello World

Я пробовал безуспешно ( JSBin ):

var test = document.querySelector('#test');
test.addEventListener('change', function(){
  alert('content edited');
}, false);
test.addEventListener('DOMCharacterDataModified', function(){
  alert('content edited');
}, false);
test.addEventListener('focus', function(){
  alert('content edited');
}, false);

Я не хочу слушать события клавиатуры или мыши. Я не нашел четкой документации в W3C и MDN о contenteditable .

Можно ли прослушивать изменение и фокус или другие события в редактируемом HTML-элементе?

15
задан Frambot 24 September 2013 в 04:16
поделиться