首页 > 代码库 > javascript中的addEventListener与attchEvent

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