码迷,mamicode.com
首页 > Web开发 > 详细

JS原生 未来元素监听写法

时间:2018-08-27 15:28:15      阅读:275      评论:0      收藏:0      [点我收藏+]

标签:句柄   浏览器兼容问题   对象   浏览器兼容   attach   asc   流的概念   javascrip   鼠标   

绑定事件的另一种方法是用 addEventListener() 或 attachEvent() 来绑定事件监听函数。

addEventListener()函数语法:
elementObject.addEventListener(eventName,handle,useCapture);

参数说明
elementObject DOM对象(即DOM元素)。
eventName

事件名称。注意,这里的事件名称没有“ on ”,

如鼠标单击事件 click ,鼠标双击事件 doubleclick ,

鼠标移入事件 mouseover,鼠标移出事件 mouseout 等。

handle 事件句柄函数,即用来处理事件的函数。
useCapture

Boolean类型,是否使用捕获,一般用false 

。这里涉及到JavaScript事件流的概念,后续章节将会详细讲解。


attachEvent()函数语法:
elementObject.attachEvent(eventName,handle);

参数说明
elementObject DOM对象(即DOM元素)。
eventName

事件名称。注意,与addEventListener()不同,

这里的事件名称有“ on ”,如鼠标单击事件 onclick ,

鼠标双击事件 ondoubleclick ,鼠标移入事件 onmouseover,

鼠标移出事件 onmouseout 等。

handle 事件句柄函数,即用来处理事件的函数。


注意:事件句柄函数是指“ 函数名 ”,不能带小括号。

addEventListener()是标准的绑定事件监听函数的方法,是W3C所支持的,Chrome、FireFox、Opera、Safari、IE9.0及其以上版本都支持该函数;但是,IE8.0及其以下版本不支持该方法,它使用attachEvent()来绑定事件监听函数。所以,这种绑定事件的方法必须要处理浏览器兼容问题。

JS原生 未来元素监听写法

标签:句柄   浏览器兼容问题   对象   浏览器兼容   attach   asc   流的概念   javascrip   鼠标   

原文地址:https://www.cnblogs.com/xinchenhui/p/9542301.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!