HTML5 Event Attributes
HTML5 Event Attributes – سمات الحدث فى لغة HTML5.
HTML5 Event Attributes
الأحداث Events هي الإجراءات التي يتم تنفيذها كنتيجة لعمل المستخدم. على سبيل المثال ، عندما يقوم زائر موقعك بأنشطة مختلفة مثل النقر على النص والصور والروابط ، وعمل hover فوق العناصر، وادخال معلومات فى حقول الإدخال ، وإرسال النموذج، ..إلخ.
يمكن تطبيق الأحداث Events التالية على معظم العناصر لتنفيذ كود JavaScript عند حدوث حدث أو أحداث معينة.
أحداث النموذج – Form Events
فى هذا الجدول ستجد معظم الأحداث الموجوده فى HTML5 فقط التى ستطبق على النماذج، كالتالى:
الحدث | الوصف |
---|---|
![]() | يتم تشغيله عندما يتغير قيمة العنصر. |
![]() | يتم تشغيله عندما يغير المستخدم قيمة المدخلات. |
![]() | يتم تشغيله عندما يكون العنصر غير صالح (أثناء التحقق من صحة النموذج). |
أحداث النافذة – Window Events
ستجد فى هذا الجدول معظم الأحداث الموجوده فى HTML5 فقط التى ستطبق على النوافذ، كالتالى:
الحدث | الوصف |
---|---|
![]() | يتم تشغيله عندما تعود اتصالات الشبكة ويبدأ المتصفح في العمل عبر الإنترنت. |
![]() | يتم تشغيله عندما ينقطع أو يفشل اتصال الشبكة ويبدأ المتصفح في العمل دون اتصال. |
![]() | يتم تشغيله عندما يتم تغيير حجم نافذة المتصفح. |
![]() | يتم تشغيله عند تحديث منطقة تخزين الويب (Web Storage). |
![]() | يتم تشغيله عندما ينتقل المستخدم إلى صفحة ويب. |
![]() | يتم تشغيله عندما ينتقل المستخدم إلى صفحة ويب أخرى. |
![]() | يتم تشغيله عند إجراء تغييرات على السجل النشط. |
![]() | يتم تشغيله عند حدوث أخطاء في المستند. |
![]() | يتم تشغيله عندما يرسل المستخدم رسالة عبر المستند. |
![]() | يتم تشغيله بعد طباعة المستند المرتبط. |
![]() | يتم تشغيله قبل طباعة المستند المرتبط. |
![]() | يتم تشغيله قبل إلغاء تحميل المستند. |
![]() | يتم تشغيله عندما يتغير جزء المعرف identifier من عنوان URL الخاص بالمستند (أي جزء عنوان URL الذي يتبع العلامة # يتغير). |
![]() | يتم تشغيله عندما يقوم المستند بإجراء تراجع. |
![]() | يتم تشغيله عندما يقوم المستند بإجراء إعادة. |
أحداث الماوس – Mouse Events
هذا الجدول يشتمل على معظم الأحداث الموجوده فى HTML5 فقط التى ستطبق مع إستخدام الماوس، كالتالى:
الحدث | الوصف |
---|---|
![]() | يتم تشغيله عندما يقوم المستخدم بتمرير محتويات عنصر عن طريق التمرير في شريط تمرير العنصر. |
![]() | يتم تشغيله عندما يفتح المستخدم أو يغلق عنصر <details>. |
![]() | يتم تشغيله عندما يتم تشغيل قائمة سياق كلام context من قبل المستخدم من خلال النقر بزر الماوس الأيمن على العنصر. |
![]() | يتم تشغيله عند تشغيل حدث contextmenu على عنصر له سمة contextmenu. |
![]() | [Deprecated] يمكنك استخدم سمة onwheel بدلاً منها. |
![]() | يتم تشغيله عندما يقوم المستخدم بتمرير محتويات عنصر عن طريق تحريك عجلة الماوس لأعلى أو لأسفل فوق عنصر. |
![]() | يتم تشغيله عندما يسحب المستخدم عنصرًا (يتم تشغيل هذا الحدث طوال عملية السحب). |
![]() | يتم تشغيله عند تحرير زر الماوس أثناء عملية السحب والإفلات ، أي عند إسقاط العنصر المسحوب. |
![]() | يتم تشغيله عندما يحرر المستخدم زر الماوس في نهاية عملية السحب. |
![]() | يتم تشغيله عندما يسحب المستخدم عنصرًا إلى هدف إسقاط صالح. |
![]() | يتم تشغيله عندما يترك عنصر هدف إسقاط صالحًا أثناء عملية السحب. |
![]() | يتم تشغيله عندما يتم سحب عنصر فوق هدف إسقاط صالح. |
![]() | يتم تشغيله عندما يبدأ المستخدم في سحب تحديد نص أو عنصر محدد. |
أحداث الوسائط – Media Events
ستجد فى هذا الجدول معظم الأحداث الموجوده فى HTML5 فقط التى ستطبق على الوسائط، كالتالى:
الحدث | الوصف |
---|---|
![]() | يتم تشغيله عند توفر بيانات كافية لتشغيل الوسائط ، على الأقل لبضع frames. 💡 تتطلب مزيدًا من التخزين المؤقت. |
![]() | يتم تشغيله عندما يمكن تشغيل الوسائط بالكامل حتى النهاية دون الحاجة إلى التوقف لمزيد من التخزين المؤقت. |
![]() | يتم تشغيله عندما يتغير تلميح مسار النص في عنصر <track>. |
![]() | يتم تشغيله عند إعادة تعيين عنصر الوسائط إلى حالته الأولية ، إما بسبب خطأ فادح أثناء التحميل ، أو بسبب استدعاء طريقة ()load لإعادة تحميله. |
![]() | يتم تشغيله عند الوصول إلى نهاية التشغيل. |
![]() | يتم تشغيله عند حدوث خطأ أثناء جلب بيانات الوسائط. |
![]() | يتم تشغيله عندما يتم تحميل بيانات الوسائط في موضع التشغيل الحالي. |
![]() | يتم تشغيله عند انتهاء تحميل البيانات الوصفية للوسائط (مثل المدة duration). |
![]() | يتم تشغيله عند بدء تحميل الوسائط. |
![]() | يتم تشغيله عند إيقاف التشغيل مؤقتًا ، إما بواسطة المستخدم أو برمجيًا. |
![]() | يتم تشغيله عندما يبدأ تشغيل الوسائط بعد إيقافها مؤقتًا ، أي عند طلب طريقة التشغيل ()play. |
![]() | يتم تشغيله عند بدء تشغيل الصوت أو الفيديو. |
![]() | يتم تشغيله عند توقف التشغيل لأن الإطار التالي لمورد الفيديو غير متاح. |
![]() | يتم تشغيله بشكل دوري للإشارة إلى التقدم أثناء تنزيل بيانات الوسائط. |
![]() | يتم تشغيله عند زيادة أو تقليل معدل التشغيل أو السرعة ، مثل الحركة البطيئة أو وضع التقديم السريع. |
![]() | يتم تشغيله عند تعيين سمة seeking على خطأ “false” للإشارة إلى انتهاء الطلب. |
![]() | يتم تشغيله عند تعيين سمة seeking على صواب “true” للإشارة إلى أن الطلب نشط. |
![]() | يتم تشغيله عند توقف التنزيل بشكل غير متوقع. |
![]() | يتم تشغيله عندما يتوقف تحميل الوسائط عن قصد. |
![]() | يتم تشغيله عند تغيير مستوى الصوت أو كتم الصوت أو إلغاء كتم التشغيل. |
![]() | يتم تشغيله عندما يتغير موضع التشغيل. |
أحداث الحافظة – Clipboard Events
ستجد فى هذا الجدول معظم الأحداث الموجوده فى HTML5 فقط التى ستطبق مع الحافظة، كالتالى:
الحدث | الوصف |
---|---|
![]() | يتم تشغيله عندما ينسخ المستخدم العنصر أو التحديد ، وإضافته إلى حافظة النظام. |
![]() | يتم تشغيله عندما يقوم المستخدم بلصق البيانات ، ونقل البيانات من حافظة النظام إلى المستند. |
![]() | يتم تشغيله عند إزالة العنصر أو التحديد من المستند وإضافته إلى حافظة النظام. |
إقرأ أيضًا – HTML5 Event Attributes
مرجع كامل لجميع الأحداث HTML Events Attributes Reference.
الإبلاغ عن خطأ
×إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:
info@albashmoparmeg.com
شكرًا لك على مساعدتك لنا!