رويدادهايHTMl مواردي هستند كه روي عناصرآن اتفاق مي افتد .هنگاميكه جاوااسكريپت در صفحه HTMLاستفاده مي شود، نسبت به آنها در صورت تنظيم مناسب عكس العمل نشان ميدهد .
رويداد هايHTML در اثر بعضي از كارهايست كه مرورگر يا كاربر انجام ميدهد .
در زير بعضي از نمونه رويداد ها آمده است.
اغلب زماني كه رويدادي رخ ميدهد، بخواهيد كاري انجام دهيد.جاوااسكريپت به شما اين امكان را ميدهد كه اقدام مناسب را انجام دهيد .براي آن بايد اسكريپت لازم را نوشته ، تا در صورت شناسائي رويداد اجرا شود.
HTMLاجازه ميده كه براي يك ويژگي رويدادي عنصر آن كد جاوااسكريپت نوشته شود .آن ميتواند بدو فرم زير تنظيم گردد.
1ـ با كوتيشن
<element event='some JavaScript'>
2ـ با دبل كوتيشن
<element event='some JavaScript'>
مثال بعدي در عنصر<button> براي ويژگي رويداديonclick كد جاوااسكريپت نوشته وبه آن عنصر اضافه ميگردد.
مثال ـ جاوااسكريپت كد با رويدادonclick
button onclick="document.getElementById('demo').innerHTML = Date()">The time is?
در مثال بالا جاوااسكريپت كد، محتوي عنصر باid="demo"را تغيير ميدهد .تغيير درحالتيكه كاربر دكمه مربوطه را كليك نمايد انجام ميشود.
در مثال بعدي كد، محتوي خود دكمه را با استفاده از كي وردthis تغيير مي دهد .
مثال ـ استفاده از كي وردthis
<button onclick="this.innerHTML = Date()">The time is?
كد جاوااسكريپت اغلب ممكن اسـت چندين خط باشد .بيشتر متداول است كه روتين رويدادي تحت يك تابع نوشته ودر داخل عنصر فراخوان شود .تعريف تابع در خارج از عنصر انجام ميشود.
مثال ـ تعريف تابع رويدادي خارج از عنصر
<button onclick="displayDate()">The time is?
در جدول زير بعضي از رويدادهاي رايجHTML آمده است :
| رويداد | شــرح |
|---|---|
| onchange | اگرمحتوي عنصرHTML تغيير كند |
| onclick | كاربر عنصري را كليك كند |
| onmouseover | كاربر موس را روي عنصرHTML ببرد . |
| onmouseout | كاربر موس را از عنصر خارج كند. |
| onkeydown | كاربر كليدي را فشار دهد. |
| onload | هنگاميكه بارگذاري صفحه توسط مرورگر تمام ميشود. |
ليست رويداد طولاني است براي مشاهده كامل آنها به بخش HTML Events مراجعه كنيد.
كنترل كننده رويدادي ميتواند براي بررسي وكنترل ورودي كاربر، عمليات كاربر وعمليات مرورگر استفاده شود .بعضي از موارد زير:
روش هاي مختلفي را با جاوااسكريپت در برخورد با رويدادها ميتوان استفاده كرد: