• تهرانپارس ، خ شهید محمود آمینه بزرگراه رسالت، پلاک 213، طبقه2، واحد7

  • 021-77295097 0912-8099518

  • شنبه تا پنجشنبه۹ صبح تا ۶ بعد از ظهر

آموزش رویدادها در جاوا اسکریپت

به طور ساده رویداد (event) در زبان برنامه نویسی جاوا اسکریپت به معنای اتفاقی در یک وب سایت است که عامل آن می تواند کاربر یا به فرض مثال بارگذاری کامل یک صفحه باشد.

رویدادهای HTML چیزهایی هستند که روی عنصر های HTML اتفاق می افتند.

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

رویدادهای HTML

رویداد HTML می تواند کاری باشد که مرورگر انجام می دهد، یا کاری باشد که کاربر انجام می دهد. اینجا چند نمونه از رویدادهای HTML ذکر شده است:

  • بارگذاری یک صفحه ی وب سایت HTML به پایان رسیده است.
  • فیلد ورودی اطلاعات HTML تغییر کرده است.
  • روی یک دکمه ی HTML کلیک شده است.

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

با کوتیشن های تکی:

<element event='some JavaScript'>

با کوتیشن های جفت:

<element event="some JavaScript">

در مثال بعد یک ویژگی onclick (با کد)، به عنصر <button> اضافه شده است.

آموزش جاوا اسکریپت

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

آموزش رویدادها در جاوا اسکریپت

کدهای جاوا اسکریپت معمولا چند خط می باشند. این معمولا متعارف تر می باشد که ویژگی های رویدادها ، توابع را فرابخوانند:

آموزش رویدادها در جاوا اسکریپت

  رویدادهای معمول در HTML:

آموزش رویدادها در JavaScript