jQuery事件:检测对div的html/text的更改

我有一个div，它的内容一直在变化，是ajax请求，jquery函数，模糊等。

是否有一种方法可以在任何时间点检测我的div上的任何变化?

我不想使用任何间隔或默认值检查。

这样就可以了

$('mydiv').contentchanged() {
 alert('changed')
}

当前回答

由于$("#selector").bind()已弃用，您应该使用:

$("body").on('DOMSubtreeModified', "#selector", function() {
    // code here
});

其他回答

你可以试试这个

$('.myDiv').bind('DOMNodeInserted DOMNodeRemoved', function() {

});

但这在ie浏览器中可能行不通，我还没测试过

如果你不想使用定时器和检查innerHTML，你可以尝试这个事件

$('mydiv').on('DOMSubtreeModified', function(){
  console.log('changed');
});

更多细节和浏览器支持数据在这里。

尝试了上面给出的一些答案，但这些火灾发生了两次。如果你需要的话，这里有一个工作解决方案。

$('mydiv').one('DOMSubtreeModified', function(){
    console.log('changed');
});

下面的代码为我工作:

$("body").on('DOMSubtreeModified', "mydiv", function() {
    alert('changed');
});

您可以将div的旧innerHTML存储在一个变量中。设置检查旧内容与当前内容是否匹配的时间间隔。如果这不是真的，那就做点什么。

推荐文章