HTML DOM Document addEventListener() method

tafarinsa da amfani

addEventListener() hukunin yana waje da kammala wata don bincike da doniya.

muwaqqit

tarihin 1

tanadi da bincike da doniya;

document.addEventListener("click", myFunction);
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}

Gwagwarmaya kansa

Tsarin da ya iya yin yadda ake amfani da shi:

document.addEventListener("click", function(){
  document.getElementById("demo").innerHTML = "Hello World";
});

Gwagwarmaya kansa

Masanin 2

Za a iya rarrabu dukkan ma'aikacce rarrabu kan dokumentin:

document.addEventListener("click", myFunction1);
document.addEventListener("click", myFunction2);

Gwagwarmaya kansa

Masanin 3

Za a iya rarrabu dukkan rarrabu:

document.addEventListener("mouseover", myFunction);
document.addEventListener("click", someOtherFunction);
document.addEventListener("mouseout", someOtherFunction);

Gwagwarmaya kansa

Masanin 4

Gana "anonymous function" domin kawar da manyan mu'amala:

document.addEventListener("click", function() {
  myFunction(p1, p2);
});

Gwagwarmaya kansa

Masanin 5

Gwajaje launin abin da ke cikin babban dokumentin:

document.addEventListener("click", function(){
  document.body.style.backgroundColor = "red";
});

Gwagwarmaya kansa

Masanin 6

Gana removeEventListener() method:

// Ci gaba da rarrabu ma'aikacce
document.addEventListener("mousemove", myFunction);
// Yance ma'aikacce rarrabu
document.removeEventListener("mousemove", myFunction);

Gwagwarmaya kansa

Tsarin yadda ake amfani da shi

document.addEventListener(type, function, capture)

mu'amala

mu'amala bayani
type

dauka. Sunan rarrabu

Kashe gani "on" bayan.

Gani "click" kuma kuma ba "onclick" ba.

Dukansu rarrabu HTML DOM ana da ke:

Kwamancin Rarrabu DOM Event
function

dauka. Fonkisi da a kaiwa ne a lokaci da ya faru.

当事件发生时，将事件对象作为第一个参数传递给函数。

事件对象的类型取决于指定的事件。例如，"click" 事件属于 MouseEvent 对象。
capture

可选（默认 = false）。

  • true - 处理程序在捕获阶段执行
  • false - 处理程序在冒泡阶段执行

返回值

无。

技术细节

该方法将把指定的事件监听器函数添加到当前节点的监听器集合中，以处理指定类型 type 的事件。如果 capture 为 true，则监听器被注册为捕捉事件监听器。如果 capture 为 false，它被注册为普通事件监听器。

addEventListener() 可能被调用多次，在同一个节点上为同一种类型的事件注册多个事件句柄。但要注意，DOM 不能确定多个事件句柄被调用的顺序。

如果一个事件监听器函数在同一个节点上用相同的 type 和 capture 参数注册了两次，那么第二次注册将被忽略。如果正在处理一个节点上的事件时，在这个节点上注册了一个新的事件监听器，则不会为那个事件调用新的事件监听器。

ƙarfin Node.cloneNode() hukunci ma Document.importNode() hukunci ɗin ɗan ɗaɗe ɗan ɗaɗe Document ɗan ɗaɗe ɗan ɗaɗe ɗan ɗaɗe ɗan ɗaɗe, kuma kuma a dama ɗan ɗaɗe ɗan ɗaɗe ɗan ɗaɗe ɗan ɗaɗe ɗan ɗaɗe.

hukunci ɗin ɗan ɗaɗe ɗan ɗaɗe Document da Window ɗan ɗaɗe, kuma kuma ɗan ɗaɗe ɗan ɗaɗe.

browseran ɗan ɗaɗe

document.addEventListener ya ɗan ɗaɗe DOM Level 2 (2001) ɗan ɗaɗe.

kai kuma kuma dukiya ɗan ɗaɗe a dukiya ɗan ɗaɗe ɗan ɗaɗe ɗan ɗaɗe:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
suki 9-11 suki suki suki suki

sida ɗan ɗaɗe

elementan hukunci

addEventListener() hukunci

removeEventListener() hukunci

dokumentan hukunci

addEventListener() hukunci

removeEventListener() hukunci

koyi

HTML DOM EventListener

DOM koyi kuduwar kudi