HTML5 Event Attributes

HTML5 Event Attributes – سمات الحدث فى لغة HTML5.

HTML5 Event Attributes

الأحداث Events هي الإجراءات التي يتم تنفيذها كنتيجة لعمل المستخدم. على سبيل المثال ، عندما يقوم زائر موقعك بأنشطة مختلفة مثل النقر على النص والصور والروابط ، وعمل hover فوق العناصر، وادخال معلومات فى حقول الإدخال ، وإرسال النموذج، ..إلخ.

يمكن تطبيق الأحداث Events التالية على معظم العناصر لتنفيذ كود JavaScript عند حدوث حدث أو أحداث معينة.

أحداث النموذج – Form Events

فى هذا الجدول ستجد معظم الأحداث الموجوده فى HTML5 فقط التى ستطبق على النماذج، كالتالى:

الحدث	الوصف
onchange	يتم تشغيله عندما يتغير قيمة العنصر.
oninput	يتم تشغيله عندما يغير المستخدم قيمة المدخلات.
oninvalid	يتم تشغيله عندما يكون العنصر غير صالح (أثناء التحقق من صحة النموذج).

أحداث النافذة – Window Events

ستجد فى هذا الجدول معظم الأحداث الموجوده فى HTML5 فقط التى ستطبق على النوافذ، كالتالى:

الحدث	الوصف
ononline	يتم تشغيله عندما تعود اتصالات الشبكة ويبدأ المتصفح في العمل عبر الإنترنت.
onoffline	يتم تشغيله عندما ينقطع أو يفشل اتصال الشبكة ويبدأ المتصفح في العمل دون اتصال.
onresize	يتم تشغيله عندما يتم تغيير حجم نافذة المتصفح.
onstorage	يتم تشغيله عند تحديث منطقة تخزين الويب (Web Storage).
onpageshow	يتم تشغيله عندما ينتقل المستخدم إلى صفحة ويب.
onpagehide	يتم تشغيله عندما ينتقل المستخدم إلى صفحة ويب أخرى.
onpopstate	يتم تشغيله عند إجراء تغييرات على السجل النشط.
onerror	يتم تشغيله عند حدوث أخطاء في المستند.
onmessage	يتم تشغيله عندما يرسل المستخدم رسالة عبر المستند.
onafterprint	يتم تشغيله بعد طباعة المستند المرتبط.
onbeforeprint	يتم تشغيله قبل طباعة المستند المرتبط.
onbeforeunload	يتم تشغيله قبل إلغاء تحميل المستند.
onhashchange	يتم تشغيله عندما يتغير جزء المعرف identifier من عنوان URL الخاص بالمستند (أي جزء عنوان URL الذي يتبع العلامة # يتغير).
onundo	يتم تشغيله عندما يقوم المستند بإجراء تراجع.
onredo	يتم تشغيله عندما يقوم المستند بإجراء إعادة.

أحداث الماوس – Mouse Events

هذا الجدول يشتمل على معظم الأحداث الموجوده فى HTML5 فقط التى ستطبق مع إستخدام الماوس، كالتالى:

الحدث	الوصف
onscroll	يتم تشغيله عندما يقوم المستخدم بتمرير محتويات عنصر عن طريق التمرير في شريط تمرير العنصر.
ontoggle	يتم تشغيله عندما يفتح المستخدم أو يغلق عنصر <details>.
oncontextmenu	يتم تشغيله عندما يتم تشغيل قائمة سياق كلام context من قبل المستخدم من خلال النقر بزر الماوس الأيمن على العنصر.
onshow	يتم تشغيله عند تشغيل حدث contextmenu على عنصر له سمة contextmenu.
onmousewheel	[Deprecated] يمكنك استخدم سمة onwheel بدلاً منها.
onwheel	يتم تشغيله عندما يقوم المستخدم بتمرير محتويات عنصر عن طريق تحريك عجلة الماوس لأعلى أو لأسفل فوق عنصر.
ondrag	يتم تشغيله عندما يسحب المستخدم عنصرًا (يتم تشغيل هذا الحدث طوال عملية السحب).
ondrop	يتم تشغيله عند تحرير زر الماوس أثناء عملية السحب والإفلات ، أي عند إسقاط العنصر المسحوب.
ondragend	يتم تشغيله عندما يحرر المستخدم زر الماوس في نهاية عملية السحب.
ondragenter	يتم تشغيله عندما يسحب المستخدم عنصرًا إلى هدف إسقاط صالح.
ondragleave	يتم تشغيله عندما يترك عنصر هدف إسقاط صالحًا أثناء عملية السحب.
ondragover	يتم تشغيله عندما يتم سحب عنصر فوق هدف إسقاط صالح.
ondragstart	يتم تشغيله عندما يبدأ المستخدم في سحب تحديد نص أو عنصر محدد.

أحداث الوسائط – Media Events

ستجد فى هذا الجدول معظم الأحداث الموجوده فى HTML5 فقط التى ستطبق على الوسائط، كالتالى:

الحدث	الوصف
oncanplay	يتم تشغيله عند توفر بيانات كافية لتشغيل الوسائط ، على الأقل لبضع frames. 💡 تتطلب مزيدًا من التخزين المؤقت.
oncanplaythrough	يتم تشغيله عندما يمكن تشغيل الوسائط بالكامل حتى النهاية دون الحاجة إلى التوقف لمزيد من التخزين المؤقت.
oncuechange	يتم تشغيله عندما يتغير تلميح مسار النص في عنصر <track>.
onemptied	يتم تشغيله عند إعادة تعيين عنصر الوسائط إلى حالته الأولية ، إما بسبب خطأ فادح أثناء التحميل ، أو بسبب استدعاء طريقة ()load لإعادة تحميله.
onended	يتم تشغيله عند الوصول إلى نهاية التشغيل.
onerror	يتم تشغيله عند حدوث خطأ أثناء جلب بيانات الوسائط.
onloadeddata	يتم تشغيله عندما يتم تحميل بيانات الوسائط في موضع التشغيل الحالي.
onloadedmetadata	يتم تشغيله عند انتهاء تحميل البيانات الوصفية للوسائط (مثل المدة duration).
onloadstart	يتم تشغيله عند بدء تحميل الوسائط.
onpause	يتم تشغيله عند إيقاف التشغيل مؤقتًا ، إما بواسطة المستخدم أو برمجيًا.
onplay	يتم تشغيله عندما يبدأ تشغيل الوسائط بعد إيقافها مؤقتًا ، أي عند طلب طريقة التشغيل ()play.
onplaying	يتم تشغيله عند بدء تشغيل الصوت أو الفيديو.
onwaiting	يتم تشغيله عند توقف التشغيل لأن الإطار التالي لمورد الفيديو غير متاح.
onprogress	يتم تشغيله بشكل دوري للإشارة إلى التقدم أثناء تنزيل بيانات الوسائط.
onratechange	يتم تشغيله عند زيادة أو تقليل معدل التشغيل أو السرعة ، مثل الحركة البطيئة أو وضع التقديم السريع.
onseeked	يتم تشغيله عند تعيين سمة seeking على خطأ “false” للإشارة إلى انتهاء الطلب.
onseeking	يتم تشغيله عند تعيين سمة seeking على صواب “true” للإشارة إلى أن الطلب نشط.
onstalled	يتم تشغيله عند توقف التنزيل بشكل غير متوقع.
onsuspend	يتم تشغيله عندما يتوقف تحميل الوسائط عن قصد.
onvolumechange	يتم تشغيله عند تغيير مستوى الصوت أو كتم الصوت أو إلغاء كتم التشغيل.
ontimeupdate	يتم تشغيله عندما يتغير موضع التشغيل.

أحداث الحافظة – Clipboard Events

ستجد فى هذا الجدول معظم الأحداث الموجوده فى HTML5 فقط التى ستطبق مع الحافظة، كالتالى:

الحدث	الوصف
oncopy	يتم تشغيله عندما ينسخ المستخدم العنصر أو التحديد ، وإضافته إلى حافظة النظام.
onpaste	يتم تشغيله عندما يقوم المستخدم بلصق البيانات ، ونقل البيانات من حافظة النظام إلى المستند.
oncut	يتم تشغيله عند إزالة العنصر أو التحديد من المستند وإضافته إلى حافظة النظام.

إقرأ أيضًا – HTML5 Event Attributes

مرجع كامل لجميع الأحداث HTML Events Attributes Reference.