٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

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

رویدادهای HTML “چیزهایی” هستند که برای عناصر HTML اتفاق می افتد. وقتی از JavaScript در صفحات HTML استفاده می شود ، JavaScript می تواند نسبت به این وقایع “واکنش” نشان دهد . رویدادهای HTML یک رویداد HTML می تواند کاری باشد که مرورگر انجام می…

محمد یوسفی

18 جولای 2021

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

وقتی از JavaScript در صفحات HTML استفاده می شود ، JavaScript می تواند نسبت به این وقایع “واکنش” نشان دهد .


رویدادهای HTML

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

در اینجا چند نمونه از رویدادهای HTML آورده شده است:

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

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

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

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

با نقل قول های تک:

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

مثال

<button onclick="document.getElementById('demo').innerHTML = Date()">The time is?</button>

در مثال بالا ، کد JavaScript محتوای عنصر را با id = “demo” تغییر می دهد.

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

مثال

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

کد JavaScript اغلب چندین خط دارد. معمولاً مشاهده ویژگی های رویداد که توابع را فراخوانی می کنند:

مثال

<button onclick="displayDate()">The time is?</button>


رویدادهای متداول HTML

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

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

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

  • کارهایی که باید هر بار بارگیری صفحه انجام شود
  • کارهایی که باید هنگام بسته شدن صفحه انجام شود
  • عملی که باید با کلیک کاربر روی دکمه انجام شود
  • محتوایی که باید هنگام ورود کاربر توسط کاربر تأیید شود
  • و بیشتر …

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

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

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها