جاوا اسکرپٹ میں واقعات کیا ہیں اور ان کو کس طرح سنبھالا جاتا ہے؟

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

• جاوا اسکرپٹ میں واقعات کیا ہیں؟
• جاوا اسکرپٹ میں واقعات کی اقسام
  • آنلک ایونٹ
  • اونکیپ ایونٹ
  • اون ماؤس ایونٹ
  • آن لوڈ ایونٹ
  • آنفوکس واقعہ

جاوا اسکرپٹ میں واقعات کیا ہیں؟

جاوا اسکرپٹ میں ایسے واقعات ہوتے ہیں جو ویب پیج پر متحرک انٹرفیس مہیا کرتے ہیں۔ یہ واقعات ربط کے عناصر سے جڑے ہوئے ہیں دستاویز آبجیکٹ ماڈل (انصاف)

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

جاوا اسکرپٹ میں واقعات کی اقسام

میں مختلف قسم کے واقعات ہوتے ہیں جو واقعات پر ردعمل ظاہر کرنے کے لئے استعمال ہوتے ہیں۔ یہاں ، ہم مشہور یا عام طور پر استعمال ہونے والے کچھ واقعات پر تبادلہ خیال کریں گے جیسے:

• کلک پر
• اونکیپ
• اون ماؤس اوور
• لوڈ ہونے پر
• آنفوکس

تو آئیے ہم آگے بڑھتے ہیں اور جاوا اسکرپٹ میں ان واقعات کو مثال کے ساتھ دیکھیں۔

آنلک ایونٹ

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

فنکشن ایجو () {الرٹ ('ایڈوریکا میں خوش آمدید!')} بٹن پر کلک کریں

آؤٹ پٹ:

بٹن پر کلک کرنے کے بعد ، آپ کو مندرجہ ذیل انتباہی پیغام ملتا ہے۔

ونکیپ واقعہ

یہ واقعہ کی بورڈ ایونٹ ہے اور جب بھی دبانے کے بعد کوئی کلید جاری ہوتا ہے تو ہدایات پر عمل درآمد کے لئے استعمال ہوتا ہے۔ مندرجہ ذیل مثال واقعہ کے کام کو ظاہر کرتی ہے۔

var a = 0 var b = 0 var c = 0 فنکشن چینج بیک گراؤنڈ () {var x = دستاویز.getElementById ('bg') bg.style.backgroundColor = 'rgb (' + a + '،' + b + '،' + c + ')' a + = 1 b + = a + 1 c + = b + 1 اگر (a> 255) a = a - b if (b> 255) b = a if (c> 255) c = b}

آؤٹ پٹ:

کچھ لکھنے کے بعد ، ایسا لگتا ہے:

ایناکونڈا میں ازگر کو کیسے استعمال کریں

اون ماؤس ایونٹ

جاوا اسکرپٹ میں اون ماؤس ایونٹ ماؤس پوائنٹر کو عنصر اور اس کے بچوں پر منڈلانے کے مساوی ہے ، جس کی پابند ہے۔ مثال کے طور پر ذیل میں دکھایا گیا ہے:

فنکشن hov () {var e = دستاویز.getElementById ('ہوور') e.style.display = 'کوئی نہیں'}

آؤٹ پٹ:

رنگین خانہ ماؤس گھمانے سے پہلے ظاہر ہوتا ہے۔ جیسے ہی آپ ماؤس کو باکس پر ہور کرتے ہیں ، وہ غائب ہوجاتا ہے۔

آن لوڈ ایونٹ

جب عنصر پر مکمل طور پر بوجھ پڑا جاتا ہے تو آن لوڈ ایونٹ پیش کیا جاتا ہے۔ آئیے ایک مثال لیں اور دیکھیں کہ یہ کیسے کام کرتا ہے:

آؤٹ پٹ:

آنفوکس واقعہ

اونفوکس ایونٹ میں عنصر کی فہرست موجود ہے جو جب بھی توجہ دیتی ہے ہدایات پر عمل درآمد کرتی ہے۔ درج ذیل مثال سے پتہ چلتا ہے کہ آن فوکس ایونٹ کس طرح کام کرتا ہے:

فنکشن فوکسڈ () e var e = دستاویز.getElementById ('ان پٹ') اگر (تصدیق ('فوکس ایونٹ')) {e.blur ()}}
ان پٹ باکس میں فوکس کریں:
 

آؤٹ پٹ:

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

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

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