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

رویدادهای JavaScript

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

رویدادهای  HTML

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

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

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

<element event='some JavaScript'>

با نقل قول های دوتایی

<element event="some JavaScript">

در مثال زیر یک ویژگی onclick (با کد) به یک عنصر دکمه اضافه می شود:

رویداد HTML
مشاهده مثال

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

محتوای کد
مشاهده مثال

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

کد تک خط
  
مشاهده مثال

رویدادهای HTML رایج

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

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

JavaScript رابرای چه کاری انجام می دهند؟

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

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

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

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

نظر شما

لطفا نام و نام خانوادگی خود را وارد کنید
لطفا ایمیل خود را وارد کنید لطفا ایمیل صحیح وارد کنید.
لطفا متن نظر خود را وارد کنید
>

یادگیری JavaScript)

مقالات و دروس

به خبرنامه مدرسه طراحی وب ایران بپیوندید

مقالات مرتبط