Ascolto di eventi come l'aggiunta di nuovi elementi in JavaScript

Question

Ho bisogno di creare un listener di eventi tale che, quando un nuovo elemento viene aggiunto al documento, o uno dei suoi figli, il mio gestore di eventi venga chiamato.

Qualche idea su come utilizzare questo?

Answer 1

.bind('DOMNodeInserted DOMNodeRemoved') 

questi sono gli eventi per controllare che l'elemento sia inserito o rimosso.

bind sull'elemento padre questo evento.

e chiamare la funzione nel gestore

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

clicca qui ad esempio ... http://help.dottoro.com/ljmcxjla.php

Answer 2

DOMNodeInserted è deprecato in DOM Level 3 raccomandazione. usarli rallenta i browser (dicono). a seconda di cosa ti serve, potrebbe aver senso attivare un evento personalizzato all'interno del codice in cui inserisci l'elemento.

Answer 3

Gli eventi di mutazione sono deprecati, utilizzare invece Mutation Observer. Puoi anche usare la libreria arrive.js, utilizza internamente Mutation Observer e fornisce una bella e semplice API per ascoltare la creazione e la rimozione di elementi.

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