ایونٹ بلبلنگ اور ایونٹ کیپچر ایونٹ کے بہاؤ کے وقت جاوا اسکرپٹ میں سب سے زیادہ استعمال شدہ اصطلاحات ہیں۔ HTML DOM API میں واقعہ کی تشہیر کے یہ دو طریقے ہیں۔ جاوا اسکرپٹ میں ایونٹ بلبلنگ اور ایونٹ کیپچر پر یہ مضمون تفصیل سے بیان کرے گا کہ ہمیں ان میں کیوں درکار ہے درج ذیل ترتیب میں:
جاوا اسکرپٹ میں ایونٹ بلبلنگ کیا ہے؟
ایونٹ بلبلنگ ایک اصطلاح ہے جسے استعمال کرتے ہوئے ویب ایپلیکیشن یا ویب پیج تیار کرتے وقت لوگوں کو ضرور آنا چاہئے . بنیادی طور پر ، ایونٹ بلبلنگ ایک ایسی تکنیک ہے جس میں ایونٹ ہینڈلروں کو بلایا جاتا ہے جب ایک آئٹم کو دوسری چیز سے گھونس لیا جاتا ہے اور اسی واقعہ کا ہونا ضروری ہے۔ یہ انکاپولیشن کی طرح ہے۔
جاوا میں پروگرام ختم کرنا
ایونٹ بلبلنگ جاوا اسکرپٹ میں واقعہ ہینڈلنگ کا صرف ایک چھوٹا سا حصہ ہے۔ اس کو بہتر طور پر سمجھنے کے لئے ہمیں ایونٹ پروپیگیشن کے بارے میں جاننا ہوگا اور یہ واقعہ بلبلنگ کی کس طرح مدد کرتا ہے۔
واقعہ کی تبلیغ کیا ہے؟
ایونٹ کے تبلیغ کا تقابل والدین کی اصطلاح کے ساتھ اس واقعہ کے غبارے اور اس کے بچے کی گرفت کے ساتھ کیا جاسکتا ہے۔اس کی نمائندگی مندرجہ ذیل ہے:
اگر آپ کسی بھی تصویر پر کلک کرتے ہیں تو یہ نہ صرف ایک کلک ایونٹ بناتا ہے بلکہ یہ والدین 'ا' اور دادا 'لی' پر جاتا ہے۔ اس طرح سے فنکشن کی تشہیر ہوتی ہے۔ یہاں تصویر کو بطور بچہ سمجھا جاتا ہے اور یہ ایونٹ کا ہدف ہے جہاں کلک تیار ہوتا ہے۔ شبیہہ اپنے آباؤ اجداد کے ساتھ مل کر درختوں کی اصطلاح میں شاخ تشکیل دیتی ہے۔ برانچ اہم ہے کیوں کہ ہمیں اس راستے کا پتہ چلتا ہے جس کے ساتھ ہی پروگرام چلتا ہے۔
سننے والوں میں سے ہر ایک کو بالترتیب ایک واقعہ آبجیکٹ کے ساتھ بلایا جاتا ہے جو واقعہ کے بارے میں معلومات جمع کرتا ہے۔ یہ پھیلاؤ بہت ضروری ہے کیونکہ ہمیں معلوم ہوا پروگرام کے لئے تمام سننے والوں کو بلانے کا عمل معلوم ہوتا ہے۔ مندرجہ بالا تصویر سے ہم دیکھ سکتے ہیں کہ شاخ کا عزم مستحکم ہے۔ تقریب کے دوران درختوں میں ہونے والی کسی بھی ترمیم کو نظرانداز کیا گیا ہے۔ یہاں پر تشہیر دو جہتی ہے یعنی یہ ونڈو سے ایونٹ کے ہدف تک جاتا ہے اور واپس آجاتا ہے۔ یہاں پروپیگنڈے کو بڑے پیمانے پر تین اہم اقسام میں درجہ بندی کیا گیا ہے۔ وہ ہیں:
- کیپچر فیز: ونڈو سے ایونٹ کے ہدف کے مرحلے میں جانا۔
- ہدف کا مرحلہ: یہ ہدف کا مرحلہ ہے۔
- بلبلا فیز: ایونٹ کے ہدف والدین سے ونڈو پر واپس جائیں۔
واقعہ کی گرفتاری کیا ہے؟
اس مرحلے میں ، گرفت کرنے والے سننے والوں کو بلایا جاتا ہے جن کی قدر 'سچ' کے طور پر درج کی گئی ہے. اس پر لکھا ہوا ہے:
el.addEventListener ('کلک کریں' ، سننے والے ، سچ)یہاں سننے والے کی قیمت کو 'سچ' ہونے کے لئے درج کیا گیا ہے لہذا اس واقعہ کو پکڑا جا رہا ہے۔ اگر قیمت نہ ہوتی تو پہلے سے طے شدہ قدر غلط ہوتی تھی اور واقعہ گرفت میں نہیں آتا تھا۔ تو اس مرحلے میں وہ واقعہ جس کی قدر درست ہے صرف ونڈو سے ہی اپنا راستہ تلاش کرلیتا ہے اور بلایا جاتا اور گرفت میں آجاتا ہے۔
پھر ایونٹ کے ہدف کے مرحلے میں ، رجسٹرڈ تمام سننے والوں کو ان کے پرچم کی حیثیت سے قطع نظر بلایا جاتا ہے جو درست ہے یا غلط۔
جاوا اسکرپٹ میں ایونٹ بلبلنگ اور ایونٹ کیپچر کا استعمال
بلبلنگ مرحلے میں ، صرف نان-کیپٹر کو کہا جاتا ہے ، یہ وہ واقعات ہیں جن کی پرچم کی قیمت 'جھوٹے' ہے۔ ڈوم (دستاویز آبجیکٹ ماڈل) اصطلاح میں ایونٹ بلبلنگ اور ایونٹ کیپچرنگ بہت مفید اور اہم ہیں۔
el.addEventListener ('پر کلک کریں' ، سننے والا ، جھوٹا) // سامعین el.addEventListener ('کلک' ، سامعین) پر قبضہ نہیں کرتا ہے // سامعین گرفت نہیں کرتا ہےکوڈ کے اوپر کا ٹکڑا بلبلنگ اور گرفتاری کے مرحلے پر کام کرتا ہے۔ تمام واقعات واقعہ کے ہدف پر نہیں جاتے ہیں۔ ان میں سے کچھ بلبلا نہیں ہوتے ہیں۔ ان کا سفر ہدف کے مرحلے کے بعد رک جاتا ہے۔ ایونٹ کے تین مرحلے کے بہاؤ کی وضاحت مندرجہ ذیل آراگرام میں کی گئی ہے۔
ایونٹ بلبلنگ ہر طرح کے واقعات میں کام نہیں کرتا ہے ، تاہم ، سننے والے کو لازمی ہونا چاہئے “.بلبلہ ”ایونٹ کے اعتراض کی بولین پراپرٹی۔ کچھ دیگر خصوصیات میں شامل ہیں:
- e.target: جو واقعہ کے ہدف کا حوالہ دیتا ہے۔
- ای کرنٹ ٹارجیٹ: یہ وہ موڈ ہے جس پر موجودہ سامعین رجسٹرڈ ہیں۔ یہاں قیمت کا استعمال کرتے ہوئے حوالہ دیا جاتا ہے یہ مطلوبہ الفاظ
- ای ایونٹ فیز: یہ ایک عدد اعداد ہے جو دوسرے تین کلیدی الفاظ سے مراد ہے کیپچرنگ_فیس ، بلبلنگ_فیس ، AT_ ٹارجیٹ مرحلہ
ورکنگ عمل
آئیے مذکورہ بالا مثال کو قریب سے دیکھیں۔ آئیے 'بٹن ایک' عنصر پر کلک کریں اور پھر فورا. ہی ایک واقعہ شروع کیا جائے گا۔ عام طور پر ایک واقعہ اپنے سفر کو جڑ سے شروع کرتا ہے جو درخت کا سب سے اوپر کا عنصر ہوتا ہے۔ پھر یہ درخت کے پیچھے جاتا ہے جس کا ہدف واقعہ ہوتا ہے جو 'بٹن ایک' ہوتا ہے۔ یہ کس طرح کا سفر کرتا ہے:
جیسا کہ اعداد و شمار میں دکھایا گیا ہے کہ واقعہ DOM اصطلاحات کے ذریعہ اپنے اختتام کو ہدف تک پہنچنے تک پہنچتا ہے۔ اب ایک بار جب واقعہ اپنے ہدف تک پہنچ جاتا ہے تو یہ ختم نہیں ہوتا ہے۔ یہ DOM اصطلاحات کے ساتھ ساتھ جاری ہے جیسا کہ نیچے دی گئی تصویر میں واضح ہے۔
بالکل پہلے کی طرح ، اس واقعے کے راستے میں ہر عنصر کو جیسے جیسے یہ آگے بڑھ رہا ہے اپنے وجود کے بارے میں مطلع ہوتا ہے۔ جیسا کہ اس طرح چلتا ہے آپ کو یہ سوچنا ہوگا کہ ہم اس عمل کو روک سکتے ہیں یا نہیں۔ ٹھیک ہے ، سوال کا جواب ہے ہاں ہم اس پروگرام کی تشہیر کو روک سکتے ہیں۔ یہ دعاگو کی مدد سے کیا جاتا ہے 'اسٹاپپایگیشن' واقعہ اعتراض کا طریقہ.
HTML اور XML کے درمیان فرق
ونڈو.اڈٹ ایونٹ لیسٹنر ('پر کلک کریں' ، ای => {ای اسٹاپ پروپیگریشن () true ، سچ) ') ، سچ) ونڈو.اڈٹ ایونٹ لیسٹنر (' کلک کریں '، سننے والا (' b1 ')) ونڈو.ایڈ ایڈونٹ لسٹنر (' کلک کریں '، سننے والا (' b2 '))کلیدی لفظ استعمال کرنے سے ہم اس کو روکنے میں کامیاب ہیں۔ جب ہم مطلوبہ الفاظ استعمال کرتے ہیں تو ، اس طرح کام ہوتا ہے۔ اسٹاپپایجٹیشن ' تب اہم واقعات کے تحت ہونے والے تمام واقعات کو بلایا نہیں جارہا ہے اور اسی وجہ سے ان کو نہیں بلایا جائے گا جیسا کہ مذکورہ کوڈ کے ٹکڑے میں مذکور ہے۔ ایک اور کلیدی لفظ ہے جسے ' اسٹاپآیمیڈیٹپروپگیشن '۔ جیسا کہ نام سے پتہ چلتا ہے کہ فورا. بہن بھائیوں کی کارروائی رک جاتی ہے۔
اس کے ساتھ ، ہم اپنے مضمون کے آخر میں پہنچ گئے ہیں۔ مجھے امید ہے کہ آپ سمجھ گئے ہوں گے کہ جاوا اسکرپٹ میں ایونٹ بلبلنگ اور ایونٹ کیپچرنگ کیا ہے؟
اب جب آپ جاوا اسکرپٹ میں ایونٹ بلبلنگ اور ایونٹ کیپچرنگ کے بارے میں جانتے ہیں تو ، چیک کریں بذریعہ ایڈوریکا۔ ویب ڈویلپمنٹ سرٹیفیکیشن ٹریننگ آپ کو HTML5 ، CSS3 ، ٹویٹر بوٹسٹریپ 3 ، jQuery اور گوگل API کا استعمال کرکے متاثر کن ویب سائٹ بنانے کا طریقہ سیکھنے میں مدد دے گی اور اسے ایمیزون سادہ اسٹوریج سروس (S3) میں تعینات کرے گی۔
ہمارے لئے ایک سوال ہے؟ برائے کرم اس کا ذکر 'جاوا اسکرپٹ میں ایونٹ بلبلنگ اور ایونٹ کیپچرنگ' کے تبصرے سیکشن میں کریں اور ہم آپ کو واپس ملیں گے۔