یہ تحریر جاوا اسکرپٹ میں ٹیب کلید کا پتہ لگانے میں آپ کی رہنمائی کرے گی۔
جاوا اسکرپٹ میں ٹیب کی کا پتہ کیسے لگائیں؟
جاوا اسکرپٹ میں ٹیب کلید کا پتہ لگانے کے لیے، درج ذیل تکنیکوں کا اطلاق کریں:
- ' سوال سلیکٹر() 'طریقہ
- ' getElementbyId() 'طریقہ
ذکر کردہ طریقوں کو ایک ایک کرکے دکھایا جائے گا!
طریقہ 1: document.querySelector() طریقہ استعمال کرتے ہوئے جاوا اسکرپٹ میں ٹیب کی کا پتہ لگائیں۔
' document.querySelector() ' طریقہ سی ایس ایس سلیکٹر سے مماثل پہلے عنصر تک رسائی حاصل کرتا ہے، اور پھر addEventListener() طریقہ رسائی شدہ عنصر میں ایک ایونٹ ہینڈلر شامل کرتا ہے۔ ان طریقوں کو ان پٹ کی قسم تک رسائی حاصل کرنے کے لیے لاگو کیا جا سکتا ہے اور یہ معلوم کیا جا سکتا ہے کہ آیا ٹیب کی کلید کو دبایا گیا ہے یا نہیں جب اس کی قدر درج کی جاتی ہے۔
نحو
عنصر EventListener شامل کریں۔ ( تقریب , فنکشن , کیپچر کا استعمال کریں۔ )
دیئے گئے نحو میں، ' تقریب 'ایونٹ کے نام سے مراد ہے،' فنکشن 'واقعہ ہونے پر عمل کرنے کے لئے مخصوص فنکشن ہے، اور' کیپچر کا استعمال کریں۔ 'اختیاری دلیل ہے۔
دستاویز سوال سلیکٹر ( سی ایس ایس سلیکٹرز )مندرجہ بالا نحو میں، ' سی ایس ایس سلیکٹرز ایک یا زیادہ سی ایس ایس سلیکٹرز کا حوالہ دیں جو document.querySelector() طریقہ میں بتائے جا سکتے ہیں۔
بیان کردہ تصور کی بہتر تفہیم کے لیے درج ذیل مثال کو دیکھیں۔
مثال
سب سے پہلے، ان پٹ کی قسم کی وضاحت کریں ' متن ' ایک ابتدائی پلیس ہولڈر قدر اور عنوان کے ساتھ '
< h2 > نتیجہ < / h2 >
اگلا، لاگو کریں ' document.querySelector() 'مخصوص ان پٹ اور ہیڈنگ تک رسائی حاصل کرنے کا طریقہ بالترتیب اور انہیں متغیرات میں محفوظ کریں' ان پٹ 'اور' نتیجہ ”:
ان پٹ دو = دستاویز سوال سلیکٹر ( 'ان پٹ' ) ;نتیجہ دو = دستاویز سوال سلیکٹر ( 'h2' ) ;
اب شامل کریں ' keydown addEventListener() طریقہ استعمال کرتے ہوئے ان پٹ فیلڈ کے ساتھ ایونٹ۔ یہ ایونٹ صارف کو مطلع کرے گا جب بھی ' ٹیب کی مدد سے درج ذیل شرط لگا کر ان پٹ فیلڈ میں کلید دبائی جاتی ہے۔ اندرونی متن جائیداد:
ان پٹ EventListener شامل کریں۔ ( 'کی ڈاؤن' , ( اور ) => {اگر ( اور چابی === 'ٹیب' ) {
نتیجہ اندرونی متن = 'ٹیب کی کلید دبائی گئی' ;
} اور {
نتیجہ اندرونی متن = 'ٹیب کی کلید نہیں دبائی گئی' ;
}
اس صورت میں، جب صارف ٹیب کی کو دبائے گا، تو شامل کیا گیا عمل کے بارے میں مطلع کرے گا:
طریقہ 2: document.getElementbyId() طریقہ استعمال کرتے ہوئے جاوا اسکرپٹ میں ٹیب کی کا پتہ لگائیں۔
' document.getElementById() اس کی شناخت کی بنیاد پر کسی خاص HTML عنصر تک رسائی کے لیے طریقہ استعمال کیا جا سکتا ہے۔ یہ طریقہ ان پٹ فیلڈ حاصل کرنے کے لیے لاگو کیا جا سکتا ہے اور جب بھی مخصوص کلید کو دبایا جاتا ہے، جیسے کہ ٹیب کی کلید، صارف کو متنبہ کرنے کے لیے ایک ایونٹ شامل کیا جا سکتا ہے۔
نحو
دستاویز getElementById ( عناصر )دیئے گئے نحو میں، ' عناصر ' سے مراد ایک مخصوص عنصر کی شناخت ہے۔
آئیے مندرجہ ذیل مثال کا جائزہ لیں۔
مثال
ذیل کی مثال میں، ایک ان پٹ کی قسم اور پلیس ہولڈر ویلیو شامل کریں جیسا کہ پچھلے طریقہ میں زیر بحث آیا ہے۔
اب، 'کا استعمال کرتے ہوئے ان پٹ فیلڈ آئی ڈی حاصل کریں document.getElementById() 'طریقہ.
let input= document.getElementById('tab')؛
آخر میں، نام کا ایک واقعہ شامل کریں keydown 'addEventListener() طریقہ میں، جو صارف کو متنبہ کرے گا جب بھی ' ٹیب 'کلید دبائی ہے:
ان پٹ EventListener شامل کریں۔ ( 'کی ڈاؤن' , ( اور ) => {اگر ( اور چابی === 'ٹیب' ) {
الرٹ ( 'ٹیب کی کلید دبائی گئی' ) ;
}
} ) ;
آؤٹ پٹ
ہم نے جاوا اسکرپٹ میں ٹیب کی کا پتہ لگانے کے تمام آسان ترین طریقوں پر تبادلہ خیال کیا ہے۔
نتیجہ
جاوا اسکرپٹ میں ٹیب کلید کا پتہ لگانے کے لیے، ' AddEventListener() ' کے ساتہ ' document.querySelector() 'ان پٹ کی قسم حاصل کرنے اور مخصوص کلید کا پتہ لگانے کے لیے ایونٹ کو لاگو کرنے کا طریقہ یا ' getElementbyId() ان پٹ فیلڈ کو اس کی id کی بنیاد پر بازیافت کرنے اور جب بھی اضافی شرط پوری ہو جائے تو صارف کو مطلع کرنے کا طریقہ۔ یہ بلاگ جاوا اسکرپٹ میں ٹیب کلید کا پتہ لگانے کے بارے میں رہنمائی کرتا ہے۔