Mutation Observer adalah antarmuka untuk memantau perubahan DOM. Ketika ada perubahan pada pohon objek DOM, pengamat mutasi akan diberitahu. Artikel ini akan berbagi dengan Anda operasi undo dan fallback dari editor berdasarkan pada pengamat mutasi fitur HTML5 yang baru. Teman -teman yang tertarik akan merujuk pada pengenalan MutationObserver.
MutationObserver memberi pengembang kemampuan untuk merespons dengan tepat ketika DOM pohon dalam rentang perubahan tertentu. API dirancang untuk menggantikan peristiwa mutasi yang diperkenalkan dalam spesifikasi acara DOM3.
Mutation Observer adalah antarmuka untuk memantau perubahan DOM. Pengamat mutasi diberitahu ketika ada perubahan yang terjadi pada pohon objek DOM.
Mutation Observer memiliki fitur berikut:• Ini akan menunggu semua tugas skrip diselesaikan sebelum berjalan, yaitu, itu akan menggunakan metode asinkron.
• Ini merangkum catatan perubahan DOM menjadi array untuk pemrosesan, daripada memproses perubahan DOM secara individual.
• Ini dapat mengamati semua perubahan yang terjadi pada simpul DOM, atau mengamati jenis perubahan tertentu.
Informasi MDN: MutationObServer
MutationObserver adalah konstruktor, jadi saat membuatnya, Anda harus menggunakan mutationoBserver baru;
Ketika instantiating mutationObserver, fungsi panggilan balik diperlukan, yang akan dipanggil ketika simpul DOM yang ditentukan (node target) berubah.
Ketika dipanggil, objek pengamat akan melewati dua parameter ke fungsi:
1: Parameter pertama adalah array yang berisi beberapa objek MutationRecord;
2: Parameter kedua adalah objek pengamat itu sendiri.
Misalnya:
Salin kode