【JS】addEventListener() 方法

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";
}