JAVASCRIPT

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

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


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

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

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

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

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

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

<!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رویداد زمانی رخ می دهد که مرورگر صفحه را بارگیری کرده باشد

جلسه بعد 

جلسه قبل

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

پکیج دانلودی درمان دائمی زود انزالی

برنامه جامع کنترل انزال شامل کتاب الکترونیکی + فایل صوتی دوره + برنامه تمرینی + آموزش تصویری تمرینات + موسیقی تراپی + پشتیبانی 35 روزه

اطلاعات بیشتر

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

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

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