JAVASCRIPT
جلسه 8: رویدادها در جاوا اسکریپت
event یا رویداد چیست؟
رویداد ها اتفاقاتی هستند که روی عناصر HTML رخ می دهند. زمانی که ما از دستورات جاوا اسکریپت در صفحات HTML خود استفاده می کنیم، این دستورات میتوانند در زمان رخ دادن رویدادها از خود واکنش نشان دهند.
رویدادها می توانند توسط مرورگر ها یا کاربران اتفاق بیفتند.
چند نمونه از رویداد ها در صفحات وب رو مثال می زنیم تا به خوبی متوجه بشین:
- زمانی که یک صفحه وب در حال بارگذاری است.
- زمانی که فیلدهای ورودی ما تغییر می کنند.
- زمانی که ما روی یک دکمه کلیک می کنیم.
همانطور که دیدید همه ی این ها رویداد ها یا اتفاقاتی هستند که میتوانند توسط ما یا مرورگر ایجاد شوند.
به مثال زیر دقت کنید:
<!DOCTYPE html>
<html>
<body>
<button onclick="document.getElementById('demo').innerHTML=Date()">رویدادها در جاوا اسکریپت</button>
<p id="demo"></p>
</body>
</html>
اگر دستورات بالا رو خودتون بنویسید و اجرا کنید خواهید دید با کلیلک بر روی دکمه، مقدار “رویدادها در جاوا اسکریپت” در خروجی چاپ می شود.زمانی که شما بر روی دکمه کلیک می کنید رویداد “onclick”رخ میدهد.
در لیست زیر می توانید اغلب رویدادها را مشاهده کنید.
| رویداد | توضیحات |
|---|---|
| onchange | رویداد زمانی رخ می دهد که عنصر HTML تغییر کند |
| onclick | رویداد زمانی رخ می دهد که کاربر روی یک عنصر HTML کلیک میکند |
| onmouseover | رویداد زمانی رخ می دهد که کاربر ماوس را بر روی عنصر HTML حرکت می دهد |
| onmouseout | رویداد زمانی رخ می دهد که کاربر ماوس را از روی عنصر HTML دور می کند |
| onkeydown | رویداد زمانی رخ می دهد که کاربر صفحه کلید را فشار می دهد |
| onload | رویداد زمانی رخ می دهد که مرورگر صفحه را بارگیری کرده باشد |
