Method ya addEventListener() ya HTML DOM
- Pesi ya mara ya awali accessKey
- Pesi ya kwanza appendChild()
- Rudi hadi ukweli wa juu Mungu wa HTML DOM Elements
Mefano na Matumizi
addEventListener() Mefuja programu ya kufikia elementi.
实例
例子 1
向
element.addEventListener("click", myFunction);
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
例子 2
更紧凑的代码：
element.addEventListener("click", function() {
document.getElementById("demo").innerHTML = "Hello World";
});
您可以在页面下方找到更多实例。
语法
element.addEventListener(type, function, useCapture)
参数
| 参数 | 描述 |
|---|---|
| type |
必需。事件的名称。 请不要使用 "on" 前缀。 请使用 "click" 而不是 "onclick"。 |
| function | 必需。事件发生时运行的函数。 |
| useCapture |
可选（default = false）。
|
返回值
无。
技术细节
该方法将把指定的事件监听器函数添加到当前节点的监听器集合中，以处理指定类型 type 的事件。如果 useCapture 为 true，则监听器被注册为捕捉事件监听器。如果 useCapture 为 false，它被注册为普通事件监听器。
addEventListener() 可能被调用多次，在同一个节点上为同一种类型的事件注册多个事件句柄。但要注意，DOM 不能确定多个事件句柄被调用的顺序。
如果一个事件监听器函数在同一个节点上用相同的 type na useCapture 参数注册了两次，那么第二次注册将被忽略。如果正在处理一个节点上的事件时，在这个节点上注册了一个新的事件监听器，则不会为那个事件调用新的事件监听器。
Mwana wa Node.cloneNode() Methodi au Document.importNode() Methodi ya Document.importNode() inakopishwa hata kiwango cha matukio kwa sababu ya kiwango cha maelezo.
Hii method inahitaji Document na Window Inayoitwa kwenye kiwango, na inafanya kama kimezungumza.
Mfano zaidi
Mfano 3
Unaweza kuongeza matukio mengi kwenye element moja:
element.addEventListener("click", myFunction1);
element.addEventListener("click", myFunction2);
Mfano 4
Unaweza kuongeza matukio mengi kwenye element moja:
element.addEventListener("mouseover", myFunction);
element.addEventListener("click", someOtherFunction);
element.addEventListener("mouseout", someOtherFunction);
Mfano 5
Kumwambia thamani ya matokeo, tumia "mengineo ya funguo ya jina la funguo":
element.addEventListener("click", function() {
myFunction(p1, p2);
});
Mfano 6
Kumwambia rangi ya mabaki ya <button> element:
element.addEventListener("click", function() {
this.style.backgroundColor = "red";
});
Mfano 7
Muungano na kumfanya kwa kumtaja kwa matukio:
element1.addEventListener("click", myFunction, false); element2.addEventListener("click", myFunction, true);
Mfano 8
Kumfanya kwa kumtaja kwa matukio:
element.addEventListener("mousemove", myFunction);
element.removeEventListener("mousemove", myFunction);
Mwongozo wa kureja
element.addEventListener() Ni muhimu wa DOM Level 2 (2001) funguo.
Wote wengi wa vifaa vya kureja vinakubali vizuri:
| Chrome | IE | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| Chrome | IE | Edge | Firefox | Safari | Opera |
| Mwongozo | 9-11 | Mwongozo | Mwongozo | Mwongozo | Mwongozo |
Paezo husika
Method ya viungo:
Method ya removeEventListener()
Method ya mafunzo:
Method ya removeEventListener()
Makao:
- Pesi ya mara ya awali accessKey
- Pesi ya kwanza appendChild()
- Rudi hadi ukweli wa juu Mungu wa HTML DOM Elements
