HTML DOM Document کا addEventListener() میٹھد
- پچھلے ویب activeElement
- پائیدار ویب adoptNode()
- ایک پلان کا سورا بروئیج HTML DOM Documents
تعریف اور استعمال
addEventListener() طریقہ، ایوینٹ ہینڈلر کو دستیاب کریں
مثال
مثال 1
کامپوٹ کا کلیک ایوینٹ شامل کریں:
document.addEventListener("click", myFunction);
فانکشن myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
سادہ نویگیشن:
document.addEventListener("click", function(){
document.getElementById("demo").innerHTML = "Hello World";
});
مثال 2
آپ دستاویز میں متعدد ایونٹ سماجستاروں کو شامل کرسکتے ہیں:
document.addEventListener("click", myFunction1);
document.addEventListener("click", myFunction2);
مثال 3
آپ مختلف نوع کے ایونٹوں کو شامل کرسکتے ہیں:
document.addEventListener("mouseover", myFunction);
document.addEventListener("click", someOtherFunction);
document.addEventListener("mouseout", someOtherFunction);
مثال 4
پارامتر کی پاس کی وقت، نامزد فانکشن استعمال کریں تاکہ پارامتروں والی فانکشن کو چلایا جائے:
document.addEventListener("click", function() {
myFunction(p1, p2);
});
مثال 5
دستاویز کی پس منظر رنگ بدلنا:
document.addEventListener("click", function(){
document.body.style.backgroundColor = "red";
});
مثال 6
removeEventListener() میتھد استعمال کریں:
// ایونٹ سماجستار کو شامل کرنا
document.addEventListener("mousemove", myFunction);
// ایونٹ سماجستار کو ہٹانا
document.removeEventListener("mousemove", myFunction);
نویگیشن
document.addEventListener(کام کاج, فانکشن, کپچر)
پارامتر
| پارامتر | شرح |
|---|---|
| کام کاج |
ضروری. ایونٹ کا نام. لطفاً "on" پرافرود نہ استعمال کریں. لطفاً "کلیک" استعمال کریں اور نہ کہ "onclick". تمام HTML DOM ایونٹ درج کئے گئے ہیں: |
| فانکشن |
ضروری. دفعہ وقوع کے وقت چلنے والی فانکشن. جب ایونٹ آمد، تو ایونٹ کی جائزہ کا ایونٹ کا پہلا پارامتر کو فنکشن کو منتقل کردا جاتا ہے۔ ایونٹ کی نوعیت اس کی علامت کی بنیاد پر متعلق ہوتی ہے، مثلاً "کلیک" ایونٹ MouseEvent کی نوعیت کی حامل ہوتی ہے۔ |
| کپچر |
اختیاری (مقصد = false)
|
بائیکس
کچھ نہیں۔
تکنیکی تفصیلات
یہ طریق مقررہ ایونٹ لیستنر فنکشن کو موجودہ نود کی لیستنر کی کسٹ میں شامل کرتا ہے، تاکہ مقررہ type کی ایونٹ کو ہلکا کرتا ہو۔ اگر کپچر کو جائز کردیں تو لیستنر کو کپچر ایونٹ لیستنر کی طرح رجسٹر کردا جاتا ہے۔ اگر کپچر کو جائز نہیں، تو اس کو عام ایونٹ لیستنر کی طرح رجسٹر کردا جاتا ہے۔ اگر
addEventListener() کثیر بار بلائی جاسکتی ہیں، ایک نود پر ایک طرح کے ایونٹ کیلئے متعدد ایونٹ ہینڈلر رجسٹر کردیں تو دقت کرنا چاہئیے کہ DOM متعدد ایونٹ ہینڈلر کی بلائی جائی کی ترتیب کو نہیں پتہ کرسکتا۔
اگر ایک ایونٹ لیستنر فنکشن اسی نود پر اسی type اور کپچر پارامتر دو بار رجسٹر کردہ ہو، تو دوسری بار رجسٹریشن نہیں کی جائیگی۔ اگر ایک نود پر ایونٹ کو ہلکا کرتے ہوئے، اس نود پر ایک نئی ایونٹ لیستنر رجسٹر کردیں تو اس ایونٹ پر نئی ایونٹ لیستنر کو نہیں بلائی جائیگا۔
جب Node.cloneNode() طریق یا Document.importNode() طریق ایک Document نود کو کاپی کرتے ہوئے، اصل نود پر رجسٹر کردہ ایونٹ لیستنر کو نہیں کاپی کرتا۔
یہ طریق بھی Document اور Window عناصر پر تعریف کی گئی ہے، اور کام کریگا جیسا کہ وہ کام کرتا ہے。
براوزر پشتیبانی
document.addEventListener یہ DOM Level 2 (2001) خصوصیت ہے。
تمام براوزر اس کو پورا طور پر پشتیبانی کرتے ہیں:
| کروم | آئی ای | ایج | فائر فاکس | سافری | آپریا |
|---|---|---|---|---|---|
| کروم | آئی ای | ایج | فائر فاکس | سافری | آپریا |
| پشتیبانی | 9-11 | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
معلوماتی ویب سائٹ
عنصر طریق
دستاویز طریق
تعلیم
- پچھلے ویب activeElement
- پائیدار ویب adoptNode()
- ایک پلان کا سورا بروئیج HTML DOM Documents
