8
Gibt es eine einfache Möglichkeit zu wissen, wann das DOM geändert wurde?Wie erkennt man, wenn das DOM geändert wurde?
Gibt es dafür ein eingebautes JavaScript/jQuery Event/Funktion?
A
Antwort
6
Wenn Sie Änderungen erkennen müssen, können Sie die DOM-Mutationsereignisse überprüfen. Die DOM events wikipedia page listet sie alle auf. Sie sollten jedoch wissen, dass sie in Internet Explorer nicht unterstützt werden und in den Browsern, die sie unterstützen, zu häufig ausgelöst werden. Ein Brute-Force-Ansatz besteht darin, setTimeout zu verwenden und selbst nach Änderungen zu suchen.
Meine Erfahrung zeigt jedoch, dass die Notwendigkeit für DOM-Änderungsbenachrichtigungen vermieden werden kann. Können Sie nähere Angaben zu Ihren genauen Anforderungen machen?
4
Sie können an viele DOM-Ereignisse anhängen, abhängig von der Art der Änderung, auf die Sie achten möchten. Hier ist eine Seite mit allen DOM Änderungsereignisse:
https://developer.mozilla.org/en/DOM_Events
Die generische, catch-all DOM Änderungsereignis DOMSubtreeModified ist. Zum Beispiel:
document.getElementById('abc').addEventListener('DOMSubtreeModified', f, false);
2
Es gibt kein integriertes Ereignis für dieses, das leider häufig unterstützt wird. Sie können jedoch ein jQuery-Plugin namens livequery verwenden.
+0
Sie sind großartig, werden aber nicht richtig unterstützt. Ich würde mir lieber die Mühe ersparen und ein getestetes Plugin verwenden. –
+0
Die Verwendung von Bibliotheken hemmt die Nachfrage nach der Entwicklung von Standards und hemmt den Benutzerfluss von z. Internet Explorer. –
+4
@Delan Dies sind sehr falsche Annahmen - Javascript Bibliotheken abstrahiert Unterschiede in der Browser-Implementierung des DOM und helfen, eine Basislinie zu erstellen, mit der es möglich ist, weiter zu entwickeln, anstatt Zeit damit zu verbringen, Cross-Browser-Kompatibilitätsprobleme auszubügeln. Wenn Sie Ihre Website auf IE aufbrechen, werden Sie nicht daran gehindert, dass Menschen sich von IE entfernen, sondern nur von Leuten, die Ihre Website besuchen, und niemandem wird geholfen. –
Verwandte Themen
- 1. Javascript. Wie erkennt man, wenn sich das window.document geändert hat?
- 2. Wie erkennt man, wenn das Laptop-Stromkabel getrennt wurde?
- 3. Suchen von Elementen, nachdem das DOM geändert wurde
- 4. Wicket: Benachrichtigen, wenn das Seitenmodell geändert wurde
- 5. Wie erkennt man, wenn ein Windows Explorer Fenster geschlossen wurde?
- 6. Wie erkennt man, wenn eine UIView die Größe geändert hat?
- 7. Wie erkennt man, welche Option ausgewählt wurde?
- 8. Wie erkennt man, wenn savehtml fehlschlägt?
- 9. UICollectionView: Wie erkennt man, wenn der Bildlauf gestoppt wurde
- 10. Wie erkennt man, wenn innerHTML abgeschlossen ist
- 11. Wie man erkennt, wenn ein Browser-Tab dupliziert wurde
- 12. Wie erkennt man, wenn sich das Modell auf der Vorderseite mit Backbone geändert hat?
- 13. Wie erkennt man, wenn eine Benachrichtigung abgewiesen wurde?
- 14. Java HashSet enthält Duplikate, wenn das enthaltene Element geändert wurde
- 15. Wie erkennt man, ob sich das iCloud-Konto auf einem Gerät geändert hat?
- 16. Wie erkennt man, wenn das gesamte Formular nicht fokussiert ist?
- 17. Wie erkennt man, wenn das AVPlayer-Video beendet wird?
- 18. Wie kratze ich etwas, nachdem JS das DOM geändert hat?
- 19. Laravel 5.2 Test DOM geändert
- 20. Wie erkennt man, ob sich eine Java-Systemeigenschaft geändert hat?
- 21. Wie erkennt man, wie oft eine Taste nacheinander gedrückt wurde?
- 22. Wie erkennt man das letzte Update in Javascript?
- 23. Wie erkennt man das Scrollen von UITableView?
- 24. ngNicht aktualisieren, wenn das Objekt entfernt wurde
- 25. Wie erkennt man das Druckermodell in Delphi?
- 26. Wie man weiß, wenn sich ein DOM-Element bewegt oder seine Größe geändert wird
- 27. Wie erkennt man, wenn WiFi (re) verbindet?
- 28. Wie erkennt man das Ende des Streams?
- 29. Wie erkennt man, wenn UITextField leer wird
- 30. F # - Eigenschaft festlegen, wenn sie geändert wurde
Ich möchte Benutzer die Farbe eines Elements auf der Seite ändern lassen, indem Sie auf das Element klicken. Wenn der Klickpunkt bekannt ist, möchte ich das DOM nach allen Elementen durchsuchen, die sich am Klickpunkt befinden, und den Benutzer entscheiden lassen, welches Element er die Farbe ändern möchte. Da Elemente auf dieser Seite hinzugefügt und entfernt werden können, sieht es so aus, als müsste ich das DOM bei jedem Klick scannen. Ich dachte, alle DOM-Elemente in einer Variablen zwischenzuspeichern und diese Variable zu ändern, wenn sich das DOM ändert. –
@MishaMoroshko AFAIK Sie können event.target verwenden, um zu wissen, auf welchen Knoten geklickt wurde. So können Sie das Ereignis an das 'documentElement' selbst anhängen. –