首页 > 代码库 > 事件监听器
事件监听器
addEventListener()方法
- 用于向指定元素添加事件句柄。
- 添加的事件句柄不会覆盖已存在的事件句柄
- 可以向一个元素添加多个事件句柄
- 可以向同个元素添加多个同类型的事件句柄,如:两个"click"事件
- 可以向任何DOM对象添加事件监听,不仅仅是HTML元素。如:window对象
- 可以更简单的控制事件(冒泡与捕获)
语法
element.addEventListener(event, function, useCapture);
- 第一个参数是事件的类型 (如 "click" 或 "mousedown").
- 第二个参数是事件触发后调用的函数。
- 第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。
注意:event参数不加"on" 前缀。 例如,使用 "click" ,而不是使用 "onclick"。
向同一个元素添加多个事件句柄
function fun_1(){ console.log("listener_1");}function fun_2(){ console.log("listener_2");}window.onload = function(){ div = document.getElementsByTagName("div")[0]; div.addEventListener("mouseover", fun_1); div.addEventListener("click", fun_2);}
向window对象添加事件句柄
function fun_1(){ console.log("resize");}window.addEventListener("resize", fun_1);
removeEventListener() 移除由addEventListener()方法添加的事件句柄
element.removeEventListener("mousemove", myFunction);
事件监听器
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。