Mutation Observer ist eine Schnittstelle zur Überwachung von DOM -Änderungen. Wenn sich der DOM -Objektbaum ändert, wird der Mutationsbeobachter benachrichtigt. Dieser Artikel wird Ihnen die Rückgänge und die Fallback -Operationen des Editors mit dem neuen HTML5 -Mutation -Beobachter angeben. Interessierte Freunde beziehen sich auf die Einführung von MutationObserver.
MutationObserver bietet Entwicklern die Möglichkeit, angemessen zu reagieren, wenn sich DOM -Bäume innerhalb eines bestimmten Bereichs ändern. Die API soll die in der DOM3 -Ereignisspezifikation eingeführten Mutationsereignisse ersetzen.
Mutation Observer ist eine Schnittstelle zur Überwachung von DOM -Änderungen. Mutationsbeobachter wird benachrichtigt, wenn Änderungen im DOM -Objektbaum auftreten.
Der Mutationsbeobachter hat die folgenden Funktionen:• Es wartet, bis alle Skriptaufgaben erledigt werden, bevor es ausgeführt wird, dh eine asynchrone Methode.
• Es enthält DOM -Änderungsdatensätze in ein Array zur Verarbeitung, anstatt die DOM -Änderungen einzeln zu verarbeiten.
• Es kann alle Änderungen beobachten, die am DOM -Knoten auftreten, oder eine bestimmte Art von Änderungen beobachten.
MDN -Informationen: MutationObserver
MutationObServer ist ein Konstruktor. Wenn Sie ihn also erstellen, müssen Sie neue MutationObserver verwenden.
Beim Instantiieren von MutationObserver ist eine Rückruffunktion erforderlich, die aufgerufen wird, wenn sich der angegebene DOM -Knoten (Zielknoten) ändert.
Wenn das Beobachterobjekt aufgerufen wird, übergibt das Observer -Objekt zwei Parameter an die Funktion:
1: Der erste Parameter ist ein Array, das mehrere MutationRecord -Objekte enthält.
2: Der zweite Parameter ist das Observer -Objekt selbst.
Zum Beispiel:
Kopieren Sie den Code