HTML DOM addEventListener() 方法

更多实例

例子 3

您可以将许多事件添加到同一元素：

element.addEventListener("click", myFunction1);

element.addEventListener("click", myFunction2);

亲自试一试

例子 4

您可以将不同的事件添加到同一元素：

element.addEventListener("mouseover", myFunction);

element.addEventListener("click", someOtherFunction);

element.addEventListener("mouseout", someOtherFunction);

亲自试一试

例子 5

如需传递参数值，请使用“匿名函数”：

element.addEventListener("click", function() {

myFunction(p1, p2);

});

亲自试一试

例子 6

更改 元素的背景颜色：

element.addEventListener("click", function() {

this.style.backgroundColor = "red";

});

亲自试一试

例子 7

冒泡和捕获的区别：

element1.addEventListener("click", myFunction, false); element2.addEventListener("click", myFunction, true);

亲自试一试

例子 8

删除事件处理程序：

element.addEventListener("mousemove", myFunction);

element.removeEventListener("mousemove", myFunction);

亲自试一试