Прослушивание таких событий, как добавление новых элементов в JavaScript

Мне нужно создать прослушиватель событий таким образом, чтобы при добавлении нового элемента в документ или любого его дочернего элемента вызывается обработчик событий.

Любые идеи, как это сделать, используя?

Ответ 1

.bind('DOMNodeInserted DOMNodeRemoved')

это элементы для проверки элемента вставлены или удалены.

привязать родительский элемент к этому событию.

и вызовите функцию в обработчике

js fiddle demo: http://jsfiddle.net/PgAJT/

нажмите здесь , например... http://help.dottoro.com/ljmcxjla.php

Ответ 2

События мутации устарели, вместо этого используйте Mutation Observer. Вы также можете использовать библиотеку arrival.js, она использует Mutation Observer внутренне и обеспечивает приятный простой api для прослушивания создания и удаления элементов.

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

Ответ 3

DOMNodeInserted устарел в рекомендации DOM уровня 3. использование их замедляет работу браузеров (говорят они). в зависимости от того, для чего вам это нужно, может возникнуть смысл запускать настраиваемое событие внутри кода, в который вы вставляете элемент.