أحداث جافا سكريبت
أحداث HTML هي "أشياء" تحدث لعناصر HTML.
عند استخدام JavaScript في صفحات HTML ، يمكن لـ JavaScript "التفاعل" في هذه الأحداث.
أحداث HTML
يمكن أن يكون حدث HTML شيئًا يفعله المتصفح ، أو شيئًا يفعله المستخدم.
فيما يلي بعض الأمثلة على أحداث HTML:
- تم الانتهاء من تحميل صفحة ويب HTML
- تم تغيير حقل إدخال HTML
- تم النقر فوق زر HTML
في كثير من الأحيان ، عندما تحدث الأحداث ، قد ترغب في القيام بشيء ما.
يتيح لك JavaScript تنفيذ التعليمات البرمجية عند اكتشاف الأحداث.
يسمح HTML بإضافتها إلى سمات معالج الأحداث ، مع كود JavaScript ، إلى عناصر HTML.
مع اقتباسات مفردة:
<element
event='some JavaScript'>
مع اقتباسات مزدوجة:
<element
event="some JavaScript">
في المثال التالي ، تمت إضافة onclick
سمة (مع رمز) إلى
<button>
عنصر:
مثال
<button onclick="document.getElementById('demo').innerHTML = Date()">The time is?</button>
في المثال أعلاه ، تغير شفرة JavaScript محتوى العنصر بالمعرف = "demo".
في المثال التالي ، يغير الكود محتوى عنصره (باستخدام this.innerHTML
):
مثال
<button onclick="this.innerHTML = Date()">The time is?</button>
غالبًا ما تتكون شفرة جافا سكريبت من عدة أسطر. من الشائع أكثر أن ترى سمات الحدث تستدعي الوظائف:
مثال
<button onclick="displayDate()">The time is?</button>
أحداث HTML الشائعة
فيما يلي قائمة ببعض أحداث HTML الشائعة:
حدث | وصف |
---|---|
على التغيير | تم تغيير عنصر HTML |
عند النقر | ينقر المستخدم فوق عنصر HTML |
على الفأرة فوق | يقوم المستخدم بتحريك الماوس فوق عنصر HTML |
onmouseout | يحرك المستخدم الماوس بعيدًا عن عنصر HTML |
عند التشغيل | يقوم المستخدم بالضغط على مفتاح لوحة المفاتيح |
تفريغ | لقد انتهى المتصفح من تحميل الصفحة |
القائمة أطول بكثير: W3Schools JavaScript Reference HTML DOM Events .
معالجات أحداث JavaScript
يمكن استخدام معالجات الأحداث للتعامل والتحقق من مدخلات المستخدم وإجراءات المستخدم وإجراءات المتصفح:
- الأشياء التي يجب القيام بها في كل مرة يتم فيها تحميل الصفحة
- الأشياء التي يجب القيام بها عند إغلاق الصفحة
- الإجراء الذي يجب القيام به عندما يقوم المستخدم بالنقر فوق الزر
- المحتوى الذي يجب التحقق منه عندما يقوم المستخدم بإدخال البيانات
- و اكثر ...
يمكن استخدام العديد من الطرق المختلفة للسماح لـ JavaScript بالعمل مع الأحداث:
- يمكن لسمات حدث HTML تنفيذ تعليمات JavaScript البرمجية مباشرةً
- يمكن لسمات حدث HTML استدعاء وظائف JavaScript
- يمكنك تعيين وظائف معالج الأحداث الخاصة بك إلى عناصر HTML
- يمكنك منع الأحداث من الإرسال أو التعامل معها
- و اكثر ...
سوف تتعلم الكثير عن الأحداث ومعالجات الأحداث في فصول HTML DOM.