聆聽諸如在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

在DOM Level 3推薦中不推薦使用DOMNodeInserted。 使用它們會減慢瀏覽器的速度（他們說）。 根據您的需要，在插入元素的代碼中觸發自定義事件可能是有意義的。