میخوای وارد بازار کار بشی و محصولات خودت رو بفرشی همین الان ثبت نام کن
0

رویداد ها در جاوا اسکریپت

رویداد ها (Events) در جاوا اسکریپت

رویداد ها اتفاقاتی هستند که برای المان های HTML رخ می دهند. مثلا رویداد کلیک ممکن است برای یک دکمه یا یک لینک یا یک تصویر رخ دهد.

در این درس از آموزش جاوا اسکریپت یاد می گیریم که چگونه توسط جاوا اسکریپت این رویداد ها را مدیریت کرده و نسبت به هر رویداد عکس العمل نشان دهد.

 

رویداد های HTML

یک رویداد HTML می تواند چیزی باشد که مرورگر انجام می دهد یا چیزی که کاربر آن را انجام می دهد.

در اینجا چند نمونه از رویدادهای HTML وجود دارد:

بارگیری یک صفحه HTML کامل شده است

یک فیلد ورودی HTML تغییر کرده است

یک دکمه HTML کلیک شده است

اغلب هنگامی که رویدادی اتفاق می افتد، ممکن است بخواهید کاری را انجام دهید.

جاوا اسکریپت به شما امکان می دهد، زمانی که رویدادها شناسایی می شوند، کد را اجرا کنید

HTML اجازه می دهد تا ویژگی های پردازش رویداد، با کد جاوا اسکریپت، به عناصر HTML اضافه شوند.

<element event=“some JavaScript”>

در مثال زیر یک ویژگی onclick با کد، به یک <button> اضافه شده است:

<button onclick=”document.getElementById(‘demo’).innerHTML = Date()”>The time is?</button>

در مثال بالا، کد جاوا اسکریپت، محتوای عنصر با آی دی “demo” را تغییر می دهد.

در مثال بعدی، کد، محتوای المان صاحب خود را تغییر می دهد (با استفاده از this.innerHTML):

<button onclick=”this.innerHTML = Date()”>The time is?</button>

پرکاربرد ترین رویدادهای HTML

در اینجا یک لیست از برخی رویدادهای پرکاربرد HTML وجود دارد:

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

 

جاوا اسکریپت چه کاری می تواند انجام دهد؟

برای مدیریت و تأیید ورودی کاربر، عملکردهای کاربر و عملکردهای مرورگر، از رویداد ها استفاده می شود:

  • چیزهایی که باید در هر بارگذاری صفحه انجام شود
  • چیزهایی که باید زمانی که صفحه بسته است، انجام شود
  • اقداماتی که باید زمانی که کاربر یک دکمه را کلیک می کند، انجام شود
  • محتوایی که باید تایید شود هنگامی که یک کاربر اطلاعات را وارد می کند
  • و خیلی چیز های دیگر…

روش های مختلفی وجود دارد که می توان برای کار با جاوا اسکریپت روی رویدادها استفاده شوند:

  • ویژگی های رویداد HTML می توانند مستقیما کد جاوا اسکریپت را اجرا کنند
  • ویژگی های رویداد HTML می توانند توابع جاوا اسکریپت را فراخوانی کنند
  • شما می توانید توابع مدیریت رویداد خود را به عناصر HTML اختصاص دهید
  • شما می توانید از ارسال و یا پردازش رویدادها جلوگیری کنید
  • و …

 

امیدواریم آموزش رویداد ها (Events) در جاوا اسکریپت نیز برای شما مفید واقع شده باشد .برای مطالعه پست‌های بیشتر ، ما را در مدرسه کدنویسی تلگرام  و یا در تی جوان اینستاگرام دنبال کنید.

نظراتتون رو زیر همین پست با ما به اشتراک بگذارید.

ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

×

سلام کاربر عزیز

هر سوالی دارید در این بخش هستیم تا شما رو راهنمائی کنیم

روی لوگومون کلیک کنید

× چطور میتونم کمکتون کنم؟