js事件监听器用法实例详解
2016-05-09 16:23
423 查看
这篇文章主要介绍了js事件监听器用法,以实例形式较为详细的分析了javascript事件监听器使用注意事项与相关技巧,需要的朋友可以参考下
本文实例讲述了js事件监听器用法。分享给大家供大家参考。具体分析如下:
1、当同一个对象使用.onclick的写法触发多个方法的时候,后一个方法会把前一个方法覆盖掉,也就是说,在对象的onclick事件发生时,只会执行最后绑定的方法。而用事件监听则不会有覆盖的现象,每个绑定的事件都会被执行。如下:
?
最后只输出:第三个事件,因为后一个方法都把前一个方法覆盖掉了。
原生态的事件绑定函数addEventListener:
?
输出:第一个监听事件 和 第二个监听事件
2、采用事件监听给对象绑定方法后,可以解除相应的绑定,写法如下:
?
输出:第二个监听事件
3、解除绑定事件的时候一定要用函数的句柄,把整个函数写上是无法解除绑定的。
错误写法:
?
正确写法:
?
总结:对函数进行封装后的监听事件如下,兼容各大主流浏览器。
?
实例:
?
希望本文所述对大家的javascript程序设计有所帮助。
本文实例讲述了js事件监听器用法。分享给大家供大家参考。具体分析如下:
1、当同一个对象使用.onclick的写法触发多个方法的时候,后一个方法会把前一个方法覆盖掉,也就是说,在对象的onclick事件发生时,只会执行最后绑定的方法。而用事件监听则不会有覆盖的现象,每个绑定的事件都会被执行。如下:
?
原生态的事件绑定函数addEventListener:
?
2、采用事件监听给对象绑定方法后,可以解除相应的绑定,写法如下:
?
3、解除绑定事件的时候一定要用函数的句柄,把整个函数写上是无法解除绑定的。
错误写法:
?
?
?
?
相关文章推荐
- Html/JS实现页面的折叠
- min.js.map在谷歌浏览器中404的问题
- Javascript中对象的原型和对象的原型对象
- json序列指定名称
- js原型链与继承解析(初体验)
- 【转】javascript中top、clientTop、scrollTop、offsetTop的讲解
- json格式转换成Map的应用
- 工具-js自定义HashMap
- [Effective JavaScript 笔记] 第4条:原始类型优于封闭对象
- Unable to compile class for JSP 错误的解决过程。
- iframe子页面调用父页面javascript函数的方法
- JS用户端设备判断
- 字典转json字符串
- JavaScript中的prototype原型学习指南
- Three.js显示中文字体
- JSON
- Javascript学习总结三(Array对象的用法)
- JS和JSP的区别
- javascript函数调用方式总结(共四种)-理解this
- js中var self=this的解释