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

Question

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

Есть идеи, как это сделать с помощью?

Answer 1

.bind('DOMNodeInserted DOMNodeRemoved')

это события, чтобы проверить, вставлен или удален элемент.

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

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

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

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

Answer 2

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

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

Answer 3

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