addEventListener() 方法

addEventListener() 方法用于向指定元素添加监听事件。且同一元素目标可重复添加，不会覆盖之前相同事件，配合 removeEventListener() 方法来移除事件。

使用方法：

document.getElementById(元素id).addEventListener("click", function(){
    console.log("目标元素被点击了");
});

参数说明：有三个参数。

参数一、事件名称，字符串，必填。

事件名称不用带 "on" 前缀，点击事件直接写："click"，键盘放开事件写："keyup"

参数二、执行函数，必填。

填写需要执行的函数，如：function(){代码...}

当目标对象事件触发时，会传入一个事件参数，参数名称可自定义，如填写event，不需要也可不填写。 事件对象的类型取决于特定的事件。例如， “click” 事件属于 MouseEvent(鼠标事件) 对象。

function(event){console.log(event)}

参数三、触发类型，布尔型，可空

true - 事件在捕获阶段执行

false - 事件在冒泡阶段执行，默认是false

参数一的事件类型大致有如下选择（转载）

 

搜索

复制