javascript - 在 DOMCharacterChanged 上自动触发事件或在 div 上更改

Question

所以基本上我有一个 div 这里是 contenteditable 和一个 button 上 click 其中的内容div 被改变了!现在我想要的是在内容更改后自动触发 div 的 event。

Note: I am using jQuery version 1.8.2

DEMO

我试过如下但没有成功。

<div contenteditable id="divtxt">First Text</div>
<button id="btnChange">Change</button>

JS

$('#divtxt').bind("DOMCharacterDataModified",function(){
    alert('this is the event of div'); 
});
$('#btnChange').bind('click',function(){
   $("#divtxt").text('Text Changed on click');
});

感谢任何帮助!

Answer 1

使用 html() 而不是 text()。

$('#btnChange').bind('click',function(){
   $("#divtxt").html('Changed on click');
});