我正在尝试找出是否有一种方法可以监听具有 contenteditable
属性的 HTML 元素的事件,如 focus
或 change
。
我有以下 HTML 标记:
<p id="test" contenteditable >Hello World</p>
我已经尝试了这些方法,但都没有成功 (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元素上,是否可以监听change
、focus
或其他事件?