Question

基本上我在这里div contenteditable button click div event的内容会发生变化！现在我想要的是在内容发生变化后自动触发div <div contenteditable id="divtxt">First Text</div> <button id="btnChange">Change</button>。

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

DEMO

我尝试过如下但没有成功。

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

JS

$.ajax({
    url: "/Home/PostReq",
    data: JSON.stringify(data),
    type: "POST",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    dataType: "html",
    cache: false,
    async: true,
    error: function (jqXHR, error, errorThrown) {
        //display error
    }
})

任何帮助表示赞赏！

Answer 1

使用html()代替text()。

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

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

1 个答案: