جاوا اسکریپت ایونٹ

رویدادهای HTML "رویدادی" هستند که در عناصر HTML رخ می‌دهند.

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

رویدادهای HTML

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

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

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

معمولاً، هنگام وقوع رویداد، کاربر تمایل دارد کاری انجام دهد.

JavaScript به شما اجازه می‌دهد تا در هنگام تشخیص رویداد، کد را اجرا کنید.

از طریق کد JavaScript، HTML به شما اجازه می‌دهد تا رویدادهای پردازشگر به عناصر HTML اضافه کنید.

با استفاده از نقل‌قول‌های یکگانه:

<عنصر رویداد='برخی از JavaScript>

با استفاده از نقل‌قول‌های دوگانه:

<عنصر رویداد="برخی از JavaScript">

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

مثال

<button onclick='document.getElementById("demo").innerHTML=Date()'>زمان حال چیست؟</button>

آزمایش کنید

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

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

مثال

<button onclick="this.innerHTML=Date()">زمان حال چیست؟</button>

آزمایش کنید

کد JavaScript معمولاً دارای خطوط زیادی است. استفاده از属性 رویداد برای فراخوانی تابع بسیار رایج‌تر است:

مثال

<button onclick="displayDate()">زمان حال چیست؟</button>

آزمایش کنید

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

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

رویداد توضیح
onchange HTML عناصر تبدیل شده‌اند
onclick یوزر HTML عنصر پر کلک کردا ہے
onmouseover یوزر موس کو HTML عناصر پر لگا دا ہے
onmouseout یوزر موس کو HTML عناصر سے باہر بھیج دا ہے
onkeydown یوزر کی بات کا کلک کردا ہے
onload براؤزر پیج لوڈ کرنے کو مکمل کردیگا

کمپلٹ لی�ٹ:کدوووسی کمپانی جسٹاگرافیک مرجع کتاب HTML DOM ایونٹ。

جسٹاگرافیک کیا کر سکتا ہے؟

ایونٹ ہینڈلر یوزر انپُٹ، یوزر کارروائی اور براؤزر کارروائی کو ہینڈل کرنے کیلئے استعمال کی جاسکتا ہے:

  • جب پیج لوڈ ہونے کا کام چاہئے تو کیا کیا جانا چاہئے
  • جب پیج بند ہونے کا کام چاہئے تو کیا کیا جانا چاہئے
  • جب یوزر بٹن پر کلک کرتا ہے تو چلنا چاہئے کی کارروائی
  • کوئی بات جو کا تصدیق کیا جانا چاہئے جب یوزر ڈاٹا داخل کرتا ہے
  • وغیرہ

جسٹاگرافیک کے ذریعے ایونٹ کو ہینڈل کرنے کا مختلف طریقے بہت ہیں:

  • HTML ایونٹ اپریشن جسٹاگرافیک کوڈ کو چلاسکتا ہے
  • HTML ایونٹ اپریشن جسٹاگرافیک فنکشن کا اطلاق کرسکتا ہے
  • آپ میں خود کا ایونٹ ہینڈلر تقسیم کرسکتے ہیں
  • آپ میں ایونٹ کو ارسال یا ہینڈل کرانے سے روک سکتے ہیں
  • وغیرہ

آپ HTML DOM فصل میں واقعی ایونٹ اور ایونٹ ہینڈلر کے بارے میں مزید معلومات حاصل کریں گے。