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

Question

jQuery事件：检测对div的html/text的更改我有一个div，它的内容一直在变化，不是吗？ajax requests, jquery functions, blur等有什么方法可以在任何时候检测到我的div上的任何变化吗？我不想使用任何间隔或默认值检查。像这样的事$('mydiv').contentchanged() {  alert('changed')}

Answer 1

如果不想使用计时器并检查innerHTML，可以尝试此事件

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

详细信息和浏览器支持数据包括这里.

注意：在较新的jQuery版本中，BIND()是不推荐使用的，因此您应该使用on()来代替：

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

Answer 2

自$("#selector").bind()不受欢迎，你应该使用：

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

Answer 3

你可以试试这个

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

但这在internet Explorer中可能不起作用，还没有进行测试。