Odsłuchiwanie zdarzeń, takich jak dodawanie nowych elementów w JavaScript

Question

Potrzebuję utworzyć detektor zdarzeń tak, że po dodaniu nowego elementu do dokumentu lub dowolnego jego elementu podrzędnego moja funkcja obsługi zdarzenia zostanie wywołana.

Wszelkie pomysły, jak to zrobić, używając?

Answer 1

.bind('DOMNodeInserted DOMNodeRemoved') 

tego są wydarzenia, aby sprawdzić element jest wkładana lub wyjmowana.

powiązać element nadrzędny z tym zdarzeniem.

i nazywają swoją funkcję w przewodnika

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

kliknij tutaj np ... http://help.dottoro.com/ljmcxjla.php

Answer 2

DOMNodeInserted jest przestarzałe w DOM Level 3 zalecenia. ich użycie spowalnia działanie przeglądarek (mówią). w zależności od tego, do czego jest to potrzebne, może być sens wywoływanie niestandardowego zdarzenia wewnątrz kodu, w którym wstawia się element.

Answer 3

Mutacje są przestarzałe, należy zamiast tego użyć Mutation Observer. Możesz także użyć biblioteki arrive.js, która wykorzystuje wewnętrznie Mutation Observer i zapewnia ładną prostą api do słuchania w celu tworzenia i usuwania elementów.

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