یہ مضمون مختصراً یہ بتاتا ہے کہ DOM عنصر 'click()' طریقہ کیا ہے اور اسے HTML میں کیسے استعمال کیا جائے؟
HTML میں DOM عنصر 'click()' طریقہ کیا ہے؟
جب کلک() طریقہ کو HTML عنصر پر کال کیا جاتا ہے، تو یہ ماؤس کے ساتھ عنصر پر کلک کرنے والے صارف کی نقل کرتا ہے، جس کے نتیجے میں کسی بھی منسلک ایونٹ ہینڈلرز کو متحرک کیا جاتا ہے۔ یہ ڈویلپرز کو متعدد انٹرایکٹو کارروائیوں کو انجام دینے کی اجازت دیتا ہے جیسے کہ لنکس کھولنا، فارم جمع کرنا، یا فزیکل ماؤس کلک کی ضرورت کے بغیر عناصر کی مرئیت کو ٹوگل کرنا۔ یہ انٹرایکٹو اور ریسپانسیو ویب صفحات بنانے میں مدد کرتا ہے۔
HTML میں DOM عنصر 'click()' طریقہ استعمال کیسے کریں؟
کلک () طریقہ استعمال کرنے کے لیے، صارفین کو پہلے HTML عنصر کا حوالہ حاصل کرنے کی ضرورت ہوتی ہے تاکہ کلک آن کی تقلید کی جا سکے۔ یہ کسی بھی معیاری DOM ٹراورسل یا استفسار کے طریقوں کا استعمال کرتے ہوئے کیا جا سکتا ہے، جیسے ' getElementById '،' getElementsByClassName '،' سوال سلیکٹر '، یا ' querySelectorAll '
آئیے 'کلک()' طریقہ کی بہتر وضاحت کے لیے ایک مثال کے ذریعے چلتے ہیں۔
مثال: HTML چیک باکس اور ریڈیو بٹن عناصر
ایک مثال سمجھا جاتا ہے جس میں ' کلک کریں() ” طریقہ HTML چیک باکس اور ریڈیو بٹن عناصر کے ساتھ استعمال کیا جاتا ہے۔ درج ذیل کوڈ پر عمل کریں:
< فارم >
< ان پٹ
قسم = 'چیک باکس'
آئی ڈی = 'چیک باکس 1'
onmouseover = 'چیک باکس کے لیے()'
>
لینکس ہنٹ کے ذریعہ تقویت یافتہ
< ان پٹ
قسم = 'ریڈیو'
آئی ڈی = 'ریڈیو بٹن'
onmouseover = 'ریڈیو کے لیے()'
>
لینکس ہنٹ کے ذریعہ تقویت یافتہ
< / فارم >
مندرجہ بالا کوڈ کے ٹکڑوں میں:
- سب سے پہلے، ٹیگ کا استعمال کرتے ہوئے ویب پیج پر ایک چیک باکس بنایا جاتا ہے جس کی قسم ' چیک باکس '
- اس کے بعد واقعہ سننے والا “ onmouseover 'چیک باکس کے ساتھ منسلک ہے اور' کو پکارتا ہے برائے چیک باکس() فنکشن
- اسی طرح، ' ریڈیو ' بٹن ' کا استعمال کرتے ہوئے بنایا گیا ہے ٹیگ، اور واقعہ سننے والا اس کے ساتھ منسلک ہے۔ لیکن اس بار، ' ریڈیو کے لیے() ' فنکشن طلب کیا جا رہا ہے۔
ویب پیج پر HTML عنصر کی تخلیق کے بعد، اب وقت آگیا ہے کہ ' کلک کریں() طریقہ:
< سکرپٹ >
چیک باکس کے لیے فنکشن ( ) {
document.getElementById ( 'چیک باکس 1' ) کلک کریں۔ ( ) ;
}
ریڈیو کے لیے فنکشن ( ) {
document.getElementById ( 'ریڈیو بٹن' ) کلک کریں۔ ( ) ;
}
< / سکرپٹ >
مندرجہ بالا کوڈ کے ٹکڑوں میں:
- پہلے جاوا اسکرپٹ کے دو فنکشنز کی وضاحت کریں، برائے چیک باکس() 'اور' ریڈیو کے لیے() '
- یہ افعال استعمال کرتے ہیں ' document.getElementById() مخصوص ids 'checkbox1' اور 'radioButton' کے ساتھ صفحہ پر HTML عناصر کے حوالہ جات حاصل کرنے کا طریقہ۔
- HTML عنصر پر کلک کرنے کے تخروپن کے لیے، click() طریقہ استعمال کیا جاتا ہے۔ یہ فنکشن کال کرنے پر آن یا آف کی حالت کو ٹوگل کرتا ہے۔
مندرجہ بالا کوڈ کے ٹکڑوں پر عمل درآمد کے بعد، آؤٹ پٹ اس طرح ظاہر ہوتا ہے:
مندرجہ بالا GIF واضح کرتا ہے کہ 'کلک()' طریقہ استعمال کرتے ہوئے چیک باکس اور ریڈیو بٹن کی حیثیت تبدیل ہو رہی ہے۔
نتیجہ
کلک() طریقہ خاص طور پر جاوا اسکرپٹ کے ذریعے ویب صفحہ کے ساتھ صارف کے تعاملات کو سنبھالنے کے لیے مفید ہے۔
عنصر پر جسمانی طور پر کلک کرنے کے لیے صارف پر انحصار کرنے کے بجائے، کلک ایونٹ کو پروگرامی طور پر نقل کرنے کے لیے click() طریقہ استعمال کریں۔ یہ انٹرایکٹو اور صارف دوست ڈیزائن بنانے کے لیے مفید ہے۔ اس مضمون نے HTML میں DOM عنصر 'click()' طریقہ کے معنی کو کامیابی سے ظاہر کیا ہے۔