أحداث العناصر JavaScript HTML DOM Events
توجد مجموعة من الاحداث لعناصر HTML يمكن توظيفها كما في لغات البرمجة ومن هذه الاحداث ما يلي:
- الضغط على الماوسWhen a user clicks the mouse
- تحميل صفحة الانترنت When a web page has loaded
- تحميل الصورة When an image has been loaded
- تحريك الماوس على العنصر When the mouse moves over an element
- تغيير محتوى العنصر When an inout field is changed
- عند إرسال محتويات النموذج When an HTML form is submitted
- عند الضغط على زر لوحة المفاتيح When a user strokes a Key
ولتوضيح هذه الاحداث تابع المثال التالي
مثال:
<!DOCTYPE html>
<html>
<body>
<h1>First JavaScript</h1>
في هذه السطور:
يتم تعريف زر أمر Button كما في الأمر <button type= “button” ولكن في نفس الوقت يتم توظيف onclick لعرض رسالة وذلك كما في السطر “onclick=”alert(‘Welcome!’)” وتكون نتيجة التنفيذ عند الضغط على زر الأمر كما في الشكل: