1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > JS事件监听方法

JS事件监听方法

时间:2018-09-18 01:39:40

相关推荐

JS事件监听方法

一、传统事件绑定方法

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

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

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

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

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

二、addEventListener()方法特点:

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

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

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

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

attachEvent()

});

attachEvent()方法特点:

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

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。