Mutation Observer เป็นอินเทอร์เฟซสำหรับการตรวจสอบการเปลี่ยนแปลง DOM เมื่อมีการเปลี่ยนแปลงใด ๆ ในแผนผังวัตถุ DOM ผู้สังเกตการณ์การกลายพันธุ์จะได้รับแจ้ง บทความนี้จะแบ่งปันการดำเนินการยกเลิกและทางเลือกของตัวแก้ไขกับคุณตามผู้สังเกตการณ์การกลายพันธุ์ของ HTML5 ใหม่ เพื่อนที่สนใจจะอ้างถึง การแนะนำของ Mutationobserver
Mutationobserver ให้นักพัฒนามีความสามารถในการตอบสนองอย่างเหมาะสมเมื่อต้นไม้ DOM อยู่ในช่วงการเปลี่ยนแปลงที่กำหนด API ได้รับการออกแบบมาเพื่อแทนที่เหตุการณ์การกลายพันธุ์ที่แนะนำในข้อกำหนดเหตุการณ์ DOM3
Mutation Observer เป็นอินเทอร์เฟซสำหรับการตรวจสอบการเปลี่ยนแปลง DOM ผู้สังเกตการณ์การกลายพันธุ์จะได้รับแจ้งเมื่อมีการเปลี่ยนแปลงใด ๆ เกิดขึ้นในแผนผังวัตถุ DOM
ผู้สังเกตการณ์การกลายพันธุ์มีคุณสมบัติดังต่อไปนี้:•มันจะรอให้งานสคริปต์ทั้งหมดเสร็จสมบูรณ์ก่อนที่มันจะทำงานนั่นคือมันจะใช้วิธีการแบบอะซิงโครนัส
•มันห่อหุ้มบันทึกการเปลี่ยนแปลง DOM ลงในอาร์เรย์สำหรับการประมวลผลแทนที่จะประมวลผลการเปลี่ยนแปลง DOM เป็นรายบุคคล
•สามารถสังเกตการเปลี่ยนแปลงทั้งหมดที่เกิดขึ้นบนโหนด DOM หรือสังเกตการเปลี่ยนแปลงบางประเภท
ข้อมูล MDN: Mutationobserver
Mutationobserver เป็นตัวสร้างดังนั้นเมื่อสร้างมันคุณต้องใช้ Mutationobserver ใหม่
เมื่ออินสแตนซ์ MutationObserver จำเป็นต้องใช้ฟังก์ชั่นการโทรกลับซึ่งจะถูกเรียกเมื่อการเปลี่ยนแปลงโหนด DOM (โหนดเป้าหมาย) ที่ระบุ
เมื่อเรียกว่าวัตถุผู้สังเกตการณ์จะผ่านพารามิเตอร์สองตัวไปยังฟังก์ชัน:
1: พารามิเตอร์แรกคืออาร์เรย์ที่มีวัตถุการกลายพันธุ์หลายอย่าง
2: พารามิเตอร์ที่สองคือวัตถุผู้สังเกตการณ์เอง
ตัวอย่างเช่น:
คัดลอกรหัส