رویداد ها در JavaScript
در HTML رویداد ها فقط برروی عناصر HTML اثر گذار هستند.
اما زمانی که js در صفحات HTML به کار برود قابلیت واکنش به رویدادها در HTML فعال می شود.
یک رویداد می تواند کاری باشد که توسط کاربر یا مرورگر انجام می شود.
در مثال زیر به 2 مورد رویداد اشاره خواهد شد :
بارگیری یک صفحه ی وب (توسط مرورگر.)
کلیک شدن یک دکمه (توسط کاربر.)
جاوا اسکریپت زمان شناسایی رویداد به شما امکان اجرای کد رامی دهد.
مثال زیر یک ویژگی onclick به عنصر اضافه شده که با کلیک بر روی دکمه تاریخ و ساعت دقیق کشور محل زندگی شما نمایش داده می شود :
<!DOCTYPE html>
<html>
<body>
<button onclick="document.getElementById('test').innerHTML=Date()">ساعت و تاریخ ?</button>
<p id="test"></p>
</body>
</html>
رویداد های رایج HTML
در لیست زیر با رویداد های رایج HTML و نحوه ی کار با آنها آشنا می شوید:
رویداد | توضیحات |
onchange | یک عنصر HTML تغیر کرده است |
onclick | کاربر روی یک عنصر HTML کلیک می کند |
onmouseover | کاربر موس را روی یک عنصر HTML حرکت می دهد |
onmouseout | کاربر موس را ار یک عنصر HTML دور می کند |
onkeydown | کاربر کلید کیبورد را فشار می دهد |
onload | مرورگر بارگیری یک صفحه را به پایان رسانده است |
خلاصه درس
در این فصل با رو یداد های JS و نحوه ی ایجاد رویداد آشنا شدیم.