web-dev-qa-db-fra.com

Écoute d'événements tels que l'ajout de nouveaux éléments en JavaScript

J'ai besoin de créer un écouteur d'événements de sorte que, lorsqu'un nouvel élément est ajouté au document ou à l'un de ses enfants, mon gestionnaire d'événements soit appelé.

Des idées sur la façon de le faire en utilisant?

25
zeacuss
.bind('DOMNodeInserted DOMNodeRemoved')

ce sont les événements pour vérifier que l'élément est inséré ou supprimé.

lier sur l'élément parent cet événement.

et appelez votre fonction dans le gestionnaire

Démo js fiddle : http://jsfiddle.net/PgAJT/

cliquez ici par exemple ... http://help.dottoro.com/ljmcxjla.php

30
sandeep

Les événements de mutation sont obsolètes, utilisez plutôt Mutation Observer . Vous pouvez également utiliser la bibliothèque arrive.js , elle utilise Mutation Observer en interne et fournit une belle API simple pour écouter la création et la suppression d'éléments.

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

DOMNodeInsert est déconseillé dans la recommandation DOM niveau 3. les utiliser ralentit les navigateurs (disent-ils). en fonction de ce dont vous avez besoin, il peut être judicieux de déclencher un événement personnalisé dans le code où vous insérez l'élément.

4
Christian