ما هي "مراقبة الأحداث"؟

يسمح لنا DOM بكتابة كود JS للسماح لعناصر HTML بالاستجابة للأحداث

: التفاعلات بين المستخدمين وصفحات الويب؛ على سبيل المثال: مراقبة النقرات على صفحات الويب:

للسماح للكمبيوتر باكتشاف هذا الحدث

أي

،

ومن

،

فإن تنفيذ بعض البرامج المكتوبة مسبقًا بواسطة المبرمجين؛

() {
    // عند النقر فوق المربع، سيتم تنفيذ العبارة هنا}

مراقبة حدث الماوس الشائع

مراقبة أحداث لوحة المفاتيح الشائعة

حدث الاستماع لحدث النموذج الشائع

لمراقبة حدث الصفحة العامة

نشر الحدث

من الخارج إلى الداخل (مرحلة الالتقاط) ثم من من الداخل إلى الخارج (مرحلة الفقاعات)،

ومع ذلك، فإن الكتابة مثل onxxx (مستوى DOM 0) يمكنها فقط مراقبة مرحلة الفقاعات ؛ لذلك تحتاج إلى استخدام طريقة addEventListener() (مستوى DOM 2)

؛ ، وظيفة(){
    // هذه هي وظيفة معالجة الأحداث}، صحيح) // صحيح يعني الاستماع إلى مرحلة الالتقاط، والخطأ يعني الاستماع إلى مرحلة الفقاعات.

ملاحظة:

• لم يعد العنصر الأعمق يميز بين مرحلتي الالتقاط والفقاعات المكتوبة في المقدمة سيتم تنفيذه أولاً، ثم كتابة المراقبة بعد التنفيذ؛
• إذا تم تعيين نفس الحدثين أو أكثر بنفس الاسم لعنصر، فإن الأحداث المكتوبة لاحقًا في مستوى DOM0 ستحل محل الأحداث المكتوبة أولاً بينما سيتم تنفيذ مستوى DOM2 طلب ؛