addEventListener()
方法用于向指定元素添加监听事件。且同一元素目标可重复添加,不会覆盖之前相同事件,配合removeEventListener()
方法来移除事件。
语法和参数说明
element.addEventListener(event, function, useCapture)
event必须。字符串,指定事件名。
注意:不要使用 “on” 前缀。 例如使用 “click”,而不是使用 “onclick”。
提示:所有 HTML DOM 事件,可以查看我们完整的 HTML DOM Event 对象参考手册。
function必须。指定要事件触发时执行的函数。
当事件对象会作为第一个参数传入函数。 事件对象的类型取决于特定的事件。例如, “click” 事件属于MouseEvent(鼠标事件)对象。
useCapture可选。布尔值,指定事件是否在捕获或冒泡阶段执行。
可能值:①默认为false,事件在冒泡阶段执行;②true,事件在捕获阶段执行;③不传值时,事件在冒泡阶段执行。
使用方法
document.getElementById("myBtn").addEventListener("click", myFunction);
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}