Javascript DOMCharacterChanged或div上的change自动触发事件

所以基本上我这里有一个

div

，它是

content可编辑的

，还有一个

按钮

在

上点击

，其中

div

的内容会被更改！现在我想要的是，一旦内容发生更改，就会自动为

div

触发

事件

注意：我使用的是jQuery版本1.8.2


我试过下面的方法，但没有成功

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

感谢您的帮助
 使用
html（）
而不是
text（）

这里有什么问题？在您的小提琴示例中键入
contenteditable
div时，我会收到警告消息。抱歉，我无法理解。当我点击按钮时，它会改变div的内容。是！！请参阅内容更改时事件不会触发。这就是问题所在。它应该会自动触发@Zee给出了一个很好的答案，但是如果它能为
.text（）
而不是
.html（）
工作的话，它会很有帮助+我为此付出了代价！！但出于某种原因，我不得不避免使用
.html（）
，而不得不使用
.text（）
。我会看到的！如果我在接下来的2到3个小时内没有得到相同的解决方案，我将接受这个答案。谢谢您的时间。：）@古鲁帕萨德罗。另一件事是不推荐使用，可能不是所有浏览器都支持。感谢您提供的信息，我也意识到了这一点，这在IE中运行良好。只需修复chrome，我希望chrome不会产生任何问题：）
$('#divtxt').bind("DOMCharacterDataModified",function(){
    alert('this is the event of div'); 
});
$('#btnChange').bind('click',function(){
   $("#divtxt").text('Text Changed on click');
});

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