·element.addEventListener( )方法

·参数:

第一个参数:事件类型的字符串(直接书写”click”,不需要加on)

第二个参数:事件函数

·同一个元素可以多次绑定事件监听,同一个事件类型可以注册多个事件函数

·兼容性问题:不支持IE9以下的浏览器

绑定事件方法 - 图1

·element.attachEvent( )方法。

·参数:

第一个参数:事件类型的字符串(需要加on)第二个参数:事件函数

同一个元素可以多次绑定事件监听,同一个事件类型可以注册多个事件函数

·兼容性问题:只支持IE10及以下的浏览器绑定事件方法 - 图2

注册事件兼容写法

·自定义一个注册事件函数

·参数:事件源,事件类型(不加on),事件函数

·IE9及以上的浏览器,使用addEventListener方法

·IE9以下的浏览器,使用attachEvent 方法

·判断浏览器时,

不需要判断它的版本,可以检测浏览器能力

浏览器能力检测:将某个方法的调用作为if语句的判断条件,

如果浏览器认识该方法返回true,否则返回 false。

绑定事件方法 - 图3