1注册事件的方式
1. ele.οnclick=function(){
}
2.w3c dom 规范提供了注册事件监听的另外一种方式
addEventListener
2.使用addEventListener的优点
*优点: **
- 它允许给一个事件注册多个
listener
。 - 它提供了一种更精细的手段控制
listener
的触发阶段。(即可以选择捕获或者冒泡)。 - 它对任何 DOM 元素都是有效的,而不仅仅只对 HTML 元素有效。
-
**语法: **
element.addEventListener('事件名', 事件处理函数, useCapture);
- 事件名不需要写on
- useCapture 是一个boolean值,用于控制事件触发的阶段,不写默认是false
- false 是在冒泡阶段执行
- true 是在捕获阶段执行
3。移除事件的方式
1.on + 事件名 = null
2.addEventListener的移除方式
removeEventListener()
需要注意的是
如果在代码中使用addEventListener注册的事件,后面的逻辑中要移除对应的事件,那么在注册时,事件处理函数就不能使用匿名函数的方式
//js var box = document.getElementById('box'); box.addEventListener('click', boxClick, false); //注册的代码,注册时不能使用匿名函数 box.removeEventListener('click', boxClick, false); //移除的代码 function boxClick (){ //code... } ```