收聽事件，如在JavaScript中添加新元素

Question

我需要創建一個事件偵聽器，以便在將新元素添加到文檔或其任何子元素時，我的事件處理函數被調用。

任何想法如何做到這一點使用？

Answer 1

.bind('DOMNodeInserted DOMNodeRemoved') 

這是要插入或移除要檢查的事件元素。

在父元素上綁定此事件。

，並調用你的處理函數

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

點擊此處例如 ... http://help.dottoro.com/ljmcxjla.php

Answer 2

DOMNodeInserted在DOM Level 3的建議棄用。使用它們會降低瀏覽器的速度（他們說）。取決於你需要什麼，在插入元素的代碼中觸發自定義事件可能是有意義的。

Answer 3

不推薦使用突變事件，請使用Mutation Observer代替。您也可以使用arrive.js庫，它在內部使用Mutation Observer並提供了一個很好的簡單api來監聽元素的創建和刪除。

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