javascript中的addEventListener与attchEvent

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript中的addEventListener与attchEvent相关的知识,希望对你有一定的参考价值。

1、addEventListener

该方法用于向指定元素添加事件句柄

浏览器的支持情况为chrome1.0、ie9+、fireFox1.0、opera7.0

该方法包含三个参数event, function, useCapture

event为指定事件名,不需要加"on"前缀

function为事件触发时执行的函数

useCapture指定事件是否在捕获或冒泡阶段执行,true表示事件在捕获阶段执行,false表示在冒泡阶段执行(当目标元素与祖先元素定义了相同的事件,如点击事件,点击目标元素时若是事件捕获会先出发祖先元素的点击事件,再触发目标元素的点击事件,而事件冒泡则相反会先触发目标元素事件,再触发祖先元素事件)

2、attachEvent

功能与addEventListener方法相同,只是适用于ie8及更早版本的浏览器和opera7.0及更早的版本

该方法包含两个参数event,function

event为指定事件名,需要加"on"前缀

function为事件触发时执行的函数

由于ie8及更早版本的浏览器只支持冒泡事件,不支持捕获,故不存在第三个参数的设置

以上是关于javascript中的addEventListener与attchEvent的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript图片翻转

javascript事件流是啥?都有哪些事件流?

javascript事件监听

JavaScript 窗口大小调整事件

跨浏览器的javascript事件的封装

JavaScript设计模式与开发实践:惰性函数