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

Question

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

任何想法如何使用？

Answer 1

.bind('DOMNodeInserted DOMNodeRemoved')

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

在父元素上绑定此事件。

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

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

点击此处例如 ... http://help.dottoro.com/ljmcxjla.php

Answer 2

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

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

Answer 3

在DOM Level 3推荐中不推荐使用DOMNodeInserted。使用它们会减慢浏览器的速度（他们说）。根据您的需要，在插入元素的代码中触发自定义事件可能是有意义的。