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

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

 

搜索

复制