Escucha de eventos tales como la adición de nuevos elementos en JavaScript

Question

Necesito crear un detector de eventos de tal manera que, cuando se añade un nuevo elemento al documento, o cualquiera de sus hijos, mi controlador de eventos se llama.

Alguna idea de cómo hacer esto utilizando?

Answer 1

.bind('DOMNodeInserted DOMNodeRemoved') 

estos son los eventos para verificar que el elemento se inserte o elimine.

se unen en el elemento principal de este evento.

y llame a su función en manejador

js demostración violín: http://jsfiddle.net/PgAJT/

clic aquí por ejemplo ... http://help.dottoro.com/ljmcxjla.php

Answer 2

DOMNodeInserted está en desuso en DOM Nivel 3 recomendación. su uso ralentiza los navegadores (dicen). dependiendo de lo que lo necesite para, podría tener sentido para desencadenar un evento personalizado en el código donde se inserta el elemento.

Answer 3

eventos de mutación están en desuso, utilizar Mutation Observer lugar. También puede utilizar arrive.js biblioteca, que utiliza internamente Mutación Observador y proporciona una API simple agradable de escuchar para la creación de elementos y remoción.

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