JS事件监听方法

         

一、传统事件绑定方法

我们在学习的时候，最初接触的事件绑定方式大多是传统事件绑定方法。传统事件绑定方法。

 

传统事件绑定方法的特点如下：

1.事件名称之间一定要加上on，比如：onclick、onload、onmousemove。

2.兼容主流的浏览器，包括低版本的IE。

3.当同一个元素绑定多个事件时，只有最后一个事件会被添加，并且传播模式只能是冒泡模式。

二、addEventListener()方法特点：

1.element.addEventListener(event, function, useCapture)中的第三个参数可以控制指定事件是否在捕获或冒泡阶段执行。true - 事件句柄在捕获阶段执行。false- 默认- 事件句柄在冒泡阶段执行。

2.addEventListener() 可以给同一个元素绑定多个事件，不会发生覆盖的情况。如果给同一个元素绑定多个事件，那么采用先绑定先执行的规则。

3.addEventListener() 在绑定事件的时候，事件名称之前不需带 on 。4.注意该方法的兼容性，如果要兼容 IE6-8 ，不能使用该方法，可以采用以下方法。

5.可以使用 removeEventListener() 来移除之前绑定过的事件。

 

• attachEvent()
• 

 

});

attachEvent()方法特点： 

1.attachEvent是 IE 有的方法，它不遵循W3C标准，而其他的主流浏览器如FF等遵循W3C标准的浏览器都使用addEventListener，所以实际开发中需分开处理。

2.attachEvent()是 后绑定先执行。

3.绑定时间时，attachEvent必须带 on，如 onclick，onmouseover 等