HTML Events Attributes Reference

HTML Events Attributes Reference – مرجع كامل لمعظم سمات الأحداث فى لغة HTML.

HTML Events Attributes

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

جميع الأحداث المميزة بـ هي جزء من HTML5.

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

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

الحدث	الوصف
onblur	يتم تشغيله عندما يفقد العنصر التركيز.
onchange	يتم تشغيله عندما يتغير قيمة العنصر.
onfocus	يتم تشغيله عندما يتم التركيز على العنصر.
oninput	يتم تشغيله عندما يغير المستخدم قيمة المدخلات.
oninvalid	يتم تشغيله عندما يكون العنصر غير صالح (أثناء التحقق من صحة النموذج).
onselect	يتم تشغيله عند تحديد بعض النصوص أو تغيير التحديد الحالي بواسطة المستخدم.
onsearch	يتم تشغيله عندما يكتب المستخدم شيئًا ما في حقل إدخال البحث.
onreset	يتم تشغيله عندما يقوم المستخدم بإعادة تعيين نموذج.
onsubmit	يتم تشغيله عند إرسال النموذج.

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

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

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

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

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

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

أحداث لوحة المفاتيح – Keyboard Events

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

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

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

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

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

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

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