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

در این مقاله به آموزش رویدادها (Events) در جاوا اسکریپت می پردازیم.

به طور ساده رویداد (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

آموزش طراحی سایت آموزش جاوا اسکریپت آموزش JavaScript آموزش رویدادها در جاوا اسکریپت آموزش Events در جاوا اسکریپت