رویداد ها در 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 و نحوه ی ایجاد رویداد آشنا شدیم.

تمرین


مشاهده پاسخ
توسعه دهندگان
احسان اسلامی