JS 事件

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... } ```