انتقل إلى محتوى الدرس

Three Phases Capturing and Bubbling مراحل الالتقاط والهدف والانتشار

أتقن انتشار وتفويض الأحداث في JavaScript: افهم أطوار الالتقاط والهدف والفقاعة، وميّز بين target وcurrentTarget، وطبق نمط التفويض الذكي عبر closest().
2 صفوف تعليمية
جافا سكريبت
7 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

يقسم المعيار القياسي رحلة الحدث إلى ثلاثة أطوار متتابعة يمكن قراءة رقمها عبر الخاصية e.eventPhase:

رقم واسم الطوراتجاه الحركة بالشجرةمتى يعمل المستمع في هذا الطور؟
1 — طور الالتقاط (Capturing)تنازلياً من window عبر الآباء نحو الهدففقط عند تفعيل الخيار { capture: true }
2 — طور الهدف (Target)لحظة الوصول للعنصر المنقور e.targetتعمل المستمعات المسجلة على العنصر الهدف نفسه
3 — طور الفقاعة (Bubbling)تصاعدياً من الأب حتى document وwindowالوضع الافتراضي لجميع مستمعات addEventListener
الصف 2 ملاحظة هامة