Mutation Observer هي واجهة لمراقبة تغييرات DOM. عندما يكون هناك أي تغيير في شجرة كائن DOM ، سيتم إخطار مراقب الطفرة. ستشاركك هذه المقالة في عمليات التراجع والتراجع عن المحرر استنادًا إلى مراقب طفرة HTML5 الجديد. سوف يشير الأصدقاء المهتمين إلى مقدمة MutationObserver.
يوفر MutationObserver للمطورين القدرة على الاستجابة بشكل مناسب عندما يتغير أشجار DOM ضمن نطاق معين. تم تصميم API لاستبدال أحداث الطفرة التي تم تقديمها في مواصفات حدث DOM3.
Mutation Observer هي واجهة لمراقبة تغييرات DOM. يتم إخطار مراقب الطفرة عند حدوث أي تغييرات في شجرة كائن DOM.
يحتوي مراقب الطفرة على الميزات التالية:• سينتظر إكمال جميع مهام البرنامج النصي قبل تشغيله ، أي أنه سيستخدم طريقة غير متزامنة.
• يلف سجلات DOM تغيير إلى صفيف للمعالجة ، بدلاً من معالجة تغييرات DOM بشكل فردي.
• يمكن أن يلاحظ جميع التغييرات التي تحدث على عقدة DOM ، أو مراقبة نوع معين من التغييرات.
معلومات MDN: MutationObserver
MutationObserver هو مُنشئ ، لذلك عند إنشائه ، يجب عليك استخدام MutationObserver جديد ؛
عند إنشاء kidationObserver ، تكون وظيفة رد الاتصال مطلوبة ، والتي سيتم استدعاؤها عند تغيير عقدة DOM المحددة (العقدة الهدف).
عند استدعاؤه ، سيقوم كائن المراقب بتمرير معلمتين إلى الوظيفة:
1: المعلمة الأولى هي صفيف يحتوي على العديد من كائنات MutationRecord ؛
2: المعلمة الثانية هي كائن المراقب نفسه.
على سبيل المثال:
انسخ الرمز