HTML DOM Document addEventListener() နည်းပါး
- 上一页 activeElement
- 下一页 adoptNode()
- 返回上一层 HTML DOM Documents
ဒါနှင့် အသုံးပြုခြင်း
addEventListener() အခမ်းအနားပြုတ်ရန် မူကြမ်းပြုပါ
အမှတ်
လက်ရှိပုံ 1
အခြေခံစာအုပ်သို့ click အခမ်းအနားထပ်ပေးပါ
document.addEventListener("click", myFunction);
function 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(type, function, capture)
ပါဝင်သည့်အချက်အလက်
| ပါဝင်သည့်အချက်အလက် | ဖော်ပြ |
|---|---|
| type |
တစ်ခုချင်းသာဖြစ်သည်။ အခင်းအတာအမည်。 "on" ပိုင်းကို အသုံးပြုဘူးမည်မဟုတ်。 "click" ကို "onclick" တော့မပါဘူး。 အားလုံး HTML DOM အခင်းအတာများ အပြောအပြင်းတွင်ပါဝင်သည့်အတွက်: |
| function |
တစ်ခုချင်းသာဖြစ်သည်။ အခင်းအတာကို လိုက်နာဆောင်ရသော ပုံစံသည်。 当事件发生时，将事件对象作为第一个参数传递给函数。 事件对象的类型取决于指定的事件。例如，"click" 事件属于 MouseEvent 对象。 |
| capture |
可选（默认 = false）。
|
返回值
无。
技术细节
该方法将把指定的事件监听器函数添加到当前节点的监听器集合中，以处理指定类型 type 的事件。如果 capture 为 true，则监听器被注册为捕捉事件监听器。如果 capture 为 false，它被注册为普通事件监听器。
addEventListener() 可能被调用多次，在同一个节点上为同一种类型的事件注册多个事件句柄。但要注意，DOM 不能确定多个事件句柄被调用的顺序。
如果一个事件监听器函数在同一个节点上用相同的 type 和 capture 参数注册了两次，那么第二次注册将被忽略。如果正在处理一个节点上的事件时，在这个节点上注册了一个新的事件监听器，则不会为那个事件调用新的事件监听器。
当用 Node.cloneNode() 方法或 Document.importNode() 方法复制一个 Document 节点时，不会复制为原始节点注册的事件监听器。
这个方法也在 Document 和 Window 对象上定义了，而且工作方式类似。
浏览器支持
document.addEventListener 是 DOM Level 2 (2001) 特性。
所有浏览器都完全支持它：
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| 支持 | 9-11 | 支持 | 支持 | 支持 | 支持 |
相关页面
元素方法
文档方法
教程
- 上一页 activeElement
- 下一页 adoptNode()
- 返回上一层 HTML DOM Documents
