L'observateur de mutation est une interface pour surveiller les changements DOM. Lorsqu'il y a un changement dans l'arbre d'objet DOM, l'observateur de mutation sera informé. Cet article partagera avec vous les opérations d'annulation et de secours de l'éditeur basées sur le nouvel observateur de mutation de fonctionnalité HTML5. Les amis intéressés se réfèrent à l'introduction de MutationObserver.
MutationObserver offre aux développeurs la capacité de répondre de manière appropriée lorsque les arbres DOM dans un certain changement de plage. L'API est conçue pour remplacer les événements de mutation introduits dans la spécification de l'événement DOM3.
L'observateur de mutation est une interface pour surveiller les changements DOM. L'observateur de mutation est informé lorsqu'une modification se produit dans l'arbre d'objet DOM.
Mutation Observer a les caractéristiques suivantes:• Il attendra que toutes les tâches de script se terminent avant qu'il ne s'exécute, c'est-à-dire qu'il utilisera une méthode asynchrone.
• Il résume les enregistrements de changement DOM en un tableau de traitement, plutôt que le traitement individuellement des changements DOM.
• Il peut observer toutes les modifications qui se produisent sur le nœud DOM ou observer un certain type de changements.
Informations MDN: MutationObserver
MutationObserver est un constructeur, donc lors de la création, vous devez utiliser un nouveau MutationObserver;
Lors de l'instanciation de MutationObserver, une fonction de rappel est requise, qui sera appelée lorsque le nœud DOM spécifié (nœud cible) change.
Lorsqu'on appelle, l'objet Observer transmet deux paramètres à la fonction:
1: Le premier paramètre est un tableau contenant plusieurs objets MutationRecord;
2: Le deuxième paramètre est l'objet d'observateur lui-même.
Par exemple:
Copier le code