جاوا اسکرپٹ میں addEventListener () طریقہ کو کیسے نافذ کریں؟



ایڈ ایونٹ لیسٹنر () ایک انبیلٹ جاوا اسکرپٹ فنکشن ہے جو واقعہ کو سننے کے ل called اور جب بیان کردہ واقعہ خارج ہوجاتا ہے تو اسے بلایا جاتا ہے۔

ایک واقعہ کا ایک اہم حصہ ہے .ایک ویب صفحہ اس واقعے کے مطابق جواب دیتا ہے۔ کچھ واقعات صارف کے ذریعے تیار ہوتے ہیں اور کچھ API کے ذریعہ تیار ہوتے ہیں۔ اس مضمون میں ، ہم دیکھیں گے کہ واقعات کیسے واقع ہوتے ہیں اور جاوا اسکرپٹ میں ایڈونٹ لیسٹنر کا طریقہ کس طرح درج ذیل ترتیب میں استعمال ہوتا ہے:

واقعہ سننے والا کیا ہے؟

ایونٹ سننے والا جاوا اسکرپٹ میں ایک طریقہ کار ہے جو واقعہ پیش آنے کا انتظار کرتا ہے۔ کی ایک آسان مثال تقریب وہ صارف ہے جو ماؤس پر کلک کر رہا ہے یا کی بورڈ پر کوئی کلید دبائے گا۔





ایڈوینٹ لسٹنر () ایک inbuilt ہے جاوا اسکرپٹ کا فنکشن جو واقعہ کو سننے کے ل takes لے جاتا ہے ، اور جب بھی بیان کردہ واقعہ خارج ہوجاتا ہے تو دوسری دلیل طلب کی جاتی ہے۔ ایونٹ ہینڈلرز کی تعداد میں کسی بھی عنصر کو موجودہ ایونٹ ہینڈلرز کو اوور رائٹ کیے بغیر کسی ایک عنصر میں شامل کیا جاسکتا ہے۔

جاوا اسکرپٹ میں addEventListener ()

میں سے کچھ خصوصیات واقعہ سننے والے کے طریقہ کار میں شامل ہیں:



  • ایڈوینٹ لسٹنر () طریقہ جوڑ دیتا ہے a تقریب کا منتظم مخصوص عنصر کو
  • یہ طریقہ ایونٹ ہینڈلر کو بغیر عنصر سے جوڑتا ہے ادلیکھت موجودہ ایونٹ ہینڈلر
  • آپ شامل کرسکتے ہیں بہت سے پروگرام کے ہینڈلر ایک عنصر کو
  • آپ کے پروگرام میں بہت سے پروگراموں کو شامل کرسکتے ہیں ایک ہی قسم ایک کو عنصر ، یعنی دو واقعات 'کلک' کریں۔
  • واقعہ سننے والوں کو کسی میں شامل کیا جاسکتا ہے انصاف نہ صرف HTML عناصر کو اعتراض. یعنی ونڈو آبجیکٹ
  • ایڈوینٹ لیسٹنر () کا طریقہ اسے بناتا ہے آسان کس طرح کنٹرول کرنے کے لئے واقعہ کے رد عمل بلبلا کرنا

جب AddEventListener () طریقہ استعمال کریں تو ، جاوا اسکرپٹ کو بہتر پڑھنے کی اہلیت کے ل mark مارک اپ ، اور آپ کو پروگرام سننے والوں کو شامل کرنے کی اجازت دیتا ہے یہاں تک کہ جب آپ HTML مارک اپ پر قابو نہیں رکھتے ہیں۔

اس کے علاوہ ، آپ ایونٹ سننے والوں کو آسانی سے اس کا استعمال کرکے ہٹا سکتے ہیں ایونٹ لیسٹنر () کا طریقہ کار .

نحو:



نشانہ

پیرامیٹر کی قدریں

پیرامیٹر تفصیل

تقریب

ضروری ہے۔ ایک سٹرنگ جو واقعہ کے نام کی وضاحت کرتی ہے۔

نوٹ: 'آن' سابقہ ​​استعمال نہ کریں۔ مثال کے طور پر ، 'آنلیک' کے بجائے 'کلک' کا استعمال کریں۔

تمام ایچ ٹی ایم ایل ڈوم واقعات کی فہرست کے لئے ، ہمارے مکمل ایچ ٹی ایم ایل ڈوم واقعہ آبجیکٹ حوالہ دیکھیں۔

تقریب

ضروری ہے۔ جب واقعہ ہوتا ہے تو چلانے کے لئے فنکشن کی وضاحت کرتا ہے۔

جب واقعہ ہوتا ہے تو ، ایک واقعہ آبجیکٹ پہلے پیرامیٹر کے طور پر فنکشن میں منتقل ہوتا ہے۔ واقعہ کی قسم چیز مخصوص واقعہ پر منحصر ہے۔ مثال کے طور پر ، 'کلک' ایونٹ کا تعلق ماؤس ایونٹ آبجیکٹ سے ہے۔

استعمال کیپچر

اختیاری. ایک بولین ویلیو جو یہ بتاتی ہے کہ ایونٹ کو گرفت میں لینا چاہئے یا بلبلنگ مرحلے میں۔

ممکنہ اقدار: سچ - ایونٹ ہینڈلر کو پکڑنے والے فیز فالس میں طے کیا جاتا ہے۔ ایونٹ ہینڈلر بلبلنگ مرحلے میں پھانسی دے دی ہے


اب جب آپ جانتے ہیں کہ واقعہ سننے والا کس طرح کام کرتا ہے تو آئیے جاوا اسکرپٹ میں شامل ایونٹ لیسٹنر () کی مثال دیکھیں۔

جاوا میں تکرار فائبونیکی سیریز

جاوا اسکرپٹ میں addEventListener (): مثال

 
اور لیٹ! ('myBtn'). addEventListener ('click'، myFunction) فنکشن myFunction (). document.getElementById ('ڈیمو').

جاوا اسکرپٹ میں addEventListener

اس کے ساتھ ، ہم جاوا اسکرپٹ میں اس ایڈ ایونٹ لیسٹنر کا اختتام کرتے ہیں۔ مجھے امید ہے کہ آپ واقعہ سننے والے کو کس طرح سمجھ گئے ہوں گے طریقہ جاوا اسکرپٹ میں کام کرتا ہے۔

ہمارے چیک کریں جو انسٹرکٹر کی زیر قیادت براہ راست تربیت اور حقیقی زندگی کے منصوبے کے تجربے کے ساتھ آتا ہے۔ یہ تربیت آپ کو بیک اینڈ اور فرنٹ اینڈ ویب ٹیکنالوجیز کے ساتھ کام کرنے کی مہارت میں مہارت حاصل کرتی ہے۔ اس میں ویب ڈویلپمنٹ ، jQuery ، انجولر ، نوڈ جے ایس ، ایکسپریس جے ایس ، اور مونگو ڈی بی کی تربیت شامل ہے۔

ہمارے لئے ایک سوال ہے؟ براہ کرم 'جاوا اسکرپٹ میں ایڈ ایونٹ لیسٹنر' بلاگ کے تبصرے سیکشن میں اس کا ذکر کریں اور ہم آپ کو واپس ملیں گے۔