JAVASCRIPT

جلسه 8: رویدادها در جاوا اسکریپت

event یا رویداد چیست؟


رویداد ها اتفاقاتی هستند که روی عناصر HTML رخ می دهند. زمانی که ما از دستورات جاوا اسکریپت در صفحات HTML خود استفاده می کنیم، این دستورات میتوانند در زمان رخ دادن رویدادها از خود واکنش نشان دهند.

رویدادها می توانند توسط مرورگر ها یا کاربران اتفاق بیفتند.

چند نمونه از رویداد ها در صفحات وب رو مثال می زنیم تا به خوبی متوجه بشین:

  1. زمانی که یک صفحه وب در حال بارگذاری است.
  2. زمانی که فیلدهای ورودی ما تغییر می کنند.
  3. زمانی که ما روی یک دکمه کلیک می کنیم.

همانطور که دیدید همه ی این ها رویداد ها یا اتفاقاتی هستند که میتوانند توسط ما یا مرورگر ایجاد شوند.

به مثال زیر دقت کنید:

اگر دستورات بالا رو خودتون بنویسید و اجرا کنید خواهید دید با کلیلک بر روی دکمه، مقدار “رویدادها در جاوا اسکریپت” در خروجی چاپ می شود.زمانی که شما بر روی دکمه کلیک می کنید رویداد “onclick”رخ میدهد.

در لیست زیر می توانید اغلب رویدادها را مشاهده کنید.

رویداد توضیحات
onchange رویداد زمانی رخ می دهد که عنصر HTML تغییر کند
onclick رویداد زمانی رخ می دهد که کاربر روی یک عنصر HTML کلیک میکند
onmouseover رویداد زمانی رخ می دهد که کاربر ماوس را بر روی عنصر HTML حرکت می دهد
onmouseout رویداد زمانی رخ می دهد که کاربر ماوس را از روی عنصر HTML دور می کند
onkeydown  رویداد زمانی رخ می دهد که کاربر صفحه کلید را فشار می دهد
onload رویداد زمانی رخ می دهد که مرورگر صفحه را بارگیری کرده باشد

جلسه بعد 

جلسه قبل

به این مطلب چه امتیازی می‌دهید؟

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

دکمه بازگشت به بالا
بستن