Evento Javascript trigger su Aggiungi a DOM

Question

Qualcuno sa come attivare un evento in javascript per un elemento dopo che è stato aggiunto al DOM?

L'idea generale è qualcosa di simile:

var elem = document.createElement('div'); 
elem.addEventListener('ON_ADD_TO_BODY', function(){console.log(elem.parentNode)}); 
//... LATER ON ... 
parentElemInBody.appendChild(elem); // <- Event is triggered here after append 

Ci sono alcune funzioni che non devono essere attivati ​​fino a quando si aggiunge l'elemento al DOM in modo che avrebbe senso ritardare l'esecuzione fino a quando si aggiunge l'elemento .

C'è un modo per farlo senza aver bisogno di chiamarli in seguito o dovrei fare qualche trucco che include un setTimeout e un controllo per vedere se l'elemento è stato già aggiunto al DOM?

Answer 1

Utilizzare l'evento di mutazione DOMNodeInserted.

Documenti qui: utilizzo https://developer.mozilla.org/en-US/docs/DOM/Mutation_events

esempio come indicato nella pagina di cui sopra:

element.addEventListener("DOMNodeInserted", function (ev) { 
    // ... 
}, false); 

Nota: 17 aprile 2016

mutazione eventi sono deprecate fin d'ora. L'approccio consigliato ora è Mutation Observers.