聆听诸如在JavaScript中添加新元素等事件

Question

我需要创建一个事件监听器,这样当一个新元素被添加到文档或其任何子文件时,我的事件处理程序就会被调用.

任何想法如何使用？

Answer 1

.bind('DOMNodeInserted DOMNodeRemoved')

这是要插入或删除检查元素的事件.

在父元素上绑定此事件.

并在处理程序中调用您的函数

js小提琴演示:http://jsfiddle.net/PgAJT/

点击这里例如 ... http://help.dottoro.com/ljmcxjla.php

Answer 2

不推荐使用Mutation事件,而是使用Mutation Observer.你也可以使用arri.js库,它在内部使用Mutation Observer并提供一个很好的简单api来监听元素的创建和删除.

$('#container').arrive('.mySelector', function(){
    var $newElem = $(this);
});

Answer 3

DOMNodeInserted 在 DOM 级别 3 建议中已弃用。使用它们会降低浏览器的速度（他们说）。根据您的需要，在插入元素的代码中触发自定义事件可能是有意义的。