مفهوم Event

أحداث DOM مفهوم Event

مفهوم Event

جميع عناصر الحدث في DOM تعتمد على Object Event.

لذلك، جميع عناصر الحدث الأخرى (مثل MouseEvent و KeyboardEventيمكن الوصول إلى سمات Event ومساراته ().

سمات الحدث ومساراته

سمة/طريقة وصف
bubbles يعيد ما إذا كان الحدث هو حدث انسيابي.
cancelBubble يُعين أو يعيد ما إذا كان يجب تمرير الحدث إلى المستوى الأعلى من القائمة.
cancelable يعيد ما إذا كان يمكن منع الأفعال الافتراضية للحدث.
composed يُشير إلى ما إذا كان يمكن نقل الحدث من Shadow DOM إلى DOM العادي.
composedPath() يعيد مسار الحدث.
createEvent() يُنشئ حدثًا جديدًا.
currentTarget يعيد العنصر الذي أطلق عليه المستمع الحدث.
defaultPrevented يعيد ما إذا كان تم استدعاء دالة preventDefault() للحدث.
eventPhase يعيد أي مرحلة حالية لسلسلة الحدث.
isTrusted يعيد ما إذا كان الحدث موثوقًا به.
preventDefault() إذا كان من الممكن إلغاء الحدث، فألغه دون تنفيذ الأفعال الافتراضية المخصصة للحدث.
stopImmediatePropagation() يمنع إطلاق المستمعين الآخرين للحدث نفسه.
stopPropagation() يمنع تمرير الحدث في تدفق الحدث.
target يعيد العنصر الذي أُطلق عليه الحدث.
timeStamp يعيد الوقت الذي تم إنشاء الحدث فيه (بملايين الأجزاء من الثانية مقارنة بالقيمة الأساسية).
type يعيد اسم الحدث.

نوع الحدث

هذه أنواع الحدث تتبع Object Event:

حدث وصف
abort يحدث هذا الحدث عند وقف تحميل الوسائط.
afterprint عند بدء الطباعة للصفحة أو إغلاق نافذة الحوار لإلغاء الطباعة، يحدث هذا الحدث.
قبل الطباعة عندما يتم طباعة الصفحة، يحدث هذا الحدث.
قبل التحميل عندما يكون يتم إزالة المستند، يحدث هذا الحدث.
يمكن العرض عندما يمكن بدء تشغيل الوسائط، يحدث هذا الحدث.
يمكن العرض حتى النهاية عندما يمكن تشغيل الوسائط دون إيقاف التحميل، يحدث هذا الحدث.
التغيير عندما تتغير محتويات عنصر الفورم أو الاختيار أو الحالة المختارة، يحدث هذا الحدث
الخطأ عندما يحدث خطأ عند تحميل ملف خارجي، يحدث هذا الحدث.
تغيير الشاشة الكاملة عندما يتم عرض العنصر في نمط الشاشة الكاملة، يحدث هذا الحدث.
خطأ الشاشة الكاملة عندما لا يمكن عرض العنصر في نمط الشاشة الكاملة، يحدث هذا الحدث.
إدخال عندما يحصل العنصر على إدخال المستخدم، يحدث هذا الحدث.
غير صالح عندما يكون العنصر غير صالح، يحدث هذا الحدث.
تحميل عندما يتم تحميل العنصر، يحدث هذا الحدث.
تحميل البيانات عندما يتم تحميل بيانات الوسائط، يحدث هذا الحدث.
تحميل النموذج عندما يتم تحميل بيانات النموذج (مثل الأبعاد والمستمرات)، يحدث هذا الحدث.
الرسالة عندما يتم استقبال رسالة عبر هذا مصدر الحادث، يحدث هذا الحدث.
العمل بدون اتصال عندما يبدأ المتصفح في العمل بدون اتصال، يحدث هذا الحدث.
العمل عبر الإنترنت عندما يبدأ المتصفح في العمل عبر الإنترنت، يحدث هذا الحدث.
فتح عندما يتم فتح الاتصال بالمصدر للحادث، يحدث هذا الحدث.
إيقاف التشغيل عندما يتم إيقاف التشغيل أو التشغيل بالبرمجة للوسائط، يحدث هذا الحدث.
العرض عندما تبدأ الوسائط أو تتوقف عن التوقف، يحدث هذا الحدث.
العرض عندما يتم إيقاف أو التوقف عن عرض الوسائط لإعادة التحميل، يحدث هذا الحدث.
التقدم عندما يكون المتصفح في عملية الحصول على بيانات الوسائط، يحدث هذا الحدث.
تغيير السرعة عندما يتم تغيير سرعة عرض الوسائط، يحدث هذا الحدث.
التغيير في الحجم عندما يتم تغيير حجم عرض المستند، يحدث هذا الحدث.
إعادة تعيين عندما يتم إعادة تعيين النموذج، يحدث هذا الحدث.
التمرير عندما يتم تمرير شريط التدول على عنصر تمرير، يحدث هذا الحدث.
البحث عندما يكتب المستخدم محتوى في حقل البحث، يحدث هذا الحدث.
بحث عندما يكتمل تحريك/القفز إلى موقع جديد في الوسائط، يحدث هذا الحدث.
البحث عن عندما يبدأ المستخدم في تحريك/القفز إلى موقع جديد في الوسائط، يحدث هذا الحدث.
اختيار عندما يختار المستخدم النص (بالنسبة لـ <input> و <textarea>)، يحدث هذا الحدث
عرض عندما يتم عرض عنصر <menu> كقائمة سياق، يحدث هذا الحدث.
متوقف عندما يحاول المتصفح الحصول على بيانات الوسائط ولكن البيانات غير متاحة، يحدث هذا الحدث.
submit يحدث هذا الحدث عند تقديم النموذج.
suspend يحدث هذا الحدث عندما يقرر المتصفح عدم الحصول على بيانات الميديا.
timeupdate يحدث هذا الحدث عند تغيير موقع التشغيل.
toggle يحدث هذا الحدث عند فتح أو إغلاق عنصر <details>.
unload يحدث هذا الحدث بعد إزالة الصفحة (بالنسبة إلى <body>).
waiting يحدث هذا الحدث عندما يوقف التشغيل المؤقت للميديا ويُتوقع أن يستأنف.
أحداث DOM مفهوم Event