一、传统事件绑定方法
我们在学习的时候,最初接触的事件绑定方式大多是传统事件绑定方法。传统事件绑定方法。
传统事件绑定方法的特点如下:
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()
});