أحداث JavaScript
حوادث HTML هي الأحداث التي تحدث على عناصر HTML.
عند استخدام الجافاسكربت في صفحة HTML،يمكن للجافاسكربت "الاستجابة" لهذه الحوادث.
حوادث HTML
يمكن أن تكون الحوادث في HTML هي بعض الأفعال التي يقوم بها المتصفح أو المستخدم.
فيما يلي بعض أمثلة الحوادث في HTML:
- تحميل صفحة الويب HTML
- تعديل حقل إدخال HTML
- النقر على زر HTML
عادةً،عند حدوث حدث،يُفضل للمستخدمين القيام بشيء.
يُمكن للجافاسكربت تنفيذ كود عند استشعار الحوادث.
من خلال كود JavaScript،يسمح لك HTML بإضافة معالجات الحوادث إلى العناصر HTML.
استخدام الأسطر المفرغة:
<element event='بعض JavaScript>
استخدام الأسطر المزدوجة:
<element event="بعض JavaScript">
في المثال التالي،onclick الخصائص (والكود) تم إضافتها إلى <button> العنصر:
مثال
<button onclick='document.getElementById("demo").innerHTML=Date()'>هل الوقت الآن؟</button>
في المثال السابق، غير الكود JavaScript محتوى العنصر الذي يحتوي على id="demo":
في المثال القادم، يستخدم الكود ( this.innerHTML）غير محتوى العنصر الخاص به:
مثال
<button onclick="this.innerHTML=Date()">هل الوقت الآن؟</button>
عادة ما تكون كودات JavaScript تحتوي على العديد من الأسطر. يُستخدم استدعاء وظائف الخاصية للحوادث بشكل شائع:
مثال
<button onclick="displayDate()">هل الوقت الآن؟</button>
الحوادث الشائعة في HTML
فيما يلي بعض الحوادث الشائعة في HTML:
| حدث | الوصف |
|---|---|
| onchange | التعديل على عنصر HTML |
| onclick | عند الضغط على العنصر HTML |
| onmouseover | عند تحريك الفأرة إلى العنصر HTML |
| onmouseout | عند تحريك الفأرة بعيداً عن العنصر HTML |
| onkeydown | عند ضغط المستخدم على مفتاح لوحة المفاتيح |
| onload | تم اكتمال تحميل الصفحة من قبل المتصفح |
قائمة شاملة أكثر:دليل مرجع JavaScript CodeW3C.com HTML DOM أحداث.
ما يمكن القيام به باستخدام JavaScript؟
يمكن استخدام معالج الأحداث لمعالجة إدخال المستخدم، والتحقق من الإجراءات، والأحداث البشرية والأحداث المتعلقة بالتصفح:
- ما يجب القيام به عند تحميل الصفحة
- ما يجب القيام به عند إغلاق الصفحة
- الإجراء الذي يجب تنفيذه عند ضغط المستخدم على الزر
- المحتوى الذي يجب التحقق منه عند إدخال المستخدم
- وشيء آخر
هناك العديد من الطرق لمعالجة أحداث باستخدام JavaScript:
- يمكن للخصائص الحدثية HTML تنفيذ كود JavaScript
- يمكن للخصائص الحدثية HTML استدعاء وظائف JavaScript
- يمكنك تخصيص وظائف معالجة الأحداث الخاصة بك للأعمدة HTML
- يمكنك منع إرسال أو معالجة أحداث
- وشيء آخر
ستتعلم المزيد عن أحداث ومعالجة الأحداث في فصل HTML DOM.
