多次注册事件会导致一个事件被触发多次的解决方法


Posted in Javascript onAugust 12, 2013

一个JavaScript逻辑,会自动绑定函数到按钮的click事件,但是这段代码会反复注册事件。这样依赖onNext函数会在点击一次按钮的时候多次触发。

这是JQuery内部没有判断是否绑定多次,怀疑其内部用了数组保存事件函数,而且没有去重。

下面的代码预防了这个问题。解决方案很简单。

if (!this.hasPageBarEvents) { 
$(".pNext").on("click", this, this.onNext); 
this.hasPageBarEvents = true; 
}

以后用到JQuery要小心这个特性。
Javascript 相关文章推荐
JavaScript 动态将数字金额转化为中文大写金额
May 14 Javascript
实现png图片和png背景透明(支持多浏览器)的方法
Sep 08 Javascript
JS操作数据库的实例代码
Oct 17 Javascript
jQuery前端框架easyui使用Dialog时bug处理
Dec 05 Javascript
JavaScript采用递归算法计算阶乘实例
Aug 04 Javascript
JS实现自动变化的导航菜单效果代码
Sep 09 Javascript
JS实现浏览器状态栏显示时间的方法
Oct 27 Javascript
jQuery+json实现的简易Ajax调用实例
Dec 14 Javascript
理解AngularJs篇:30分钟快速掌握AngularJs
Dec 23 Javascript
JS使用Date对象实时显示当前系统时间简单示例
Aug 23 Javascript
基于Vue实现平滑过渡的拖拽排序功能
Jun 12 Javascript
JS动态图片的实现方法完整示例
Jan 13 Javascript
JS获取图片实际宽高及根据图片大小进行自适应
Aug 11 #Javascript
Javascript合并表格中具有相同内容单元格示例
Aug 11 #Javascript
js获取php变量的实现代码
Aug 10 #Javascript
如何使用Jquery获取Form表单中被选中的radio值
Aug 09 #Javascript
jquery对象和DOM对象的区别介绍
Aug 09 #Javascript
SOSO地图JS画出标注和中心点以html形式运行
Aug 09 #Javascript
javascript判断机器是否联网的2种方法
Aug 09 #Javascript
You might like
模板引擎正则表达式调试小技巧
2011/07/20 PHP
PHP变量的定义、可变变量、变量引用、销毁方法
2013/12/20 PHP
使用PHP进行微信公众平台开发的示例
2015/08/21 PHP
php 数组处理函数extract详解及实例代码
2016/11/23 PHP
分享5个非常有用的Laravel Blade指令
2018/05/30 PHP
javascript:void(0)的真正含义实例分析
2008/08/20 Javascript
csdn 论坛技术区平均给分功能
2009/11/07 Javascript
jquery Ajax 实现加载数据前动画效果的示例代码
2014/02/07 Javascript
使用documentElement正确取得当前可见区域的大小
2014/07/25 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
2014/08/30 Javascript
javascript复制粘贴与clipboardData的使用
2014/10/16 Javascript
Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
2016/01/18 Javascript
微信小程序获取手机系统信息的方法【附源码下载】
2017/12/07 Javascript
jquery实现动态创建form并提交的方法示例
2019/05/27 jQuery
vue视频播放插件vue-video-player的具体使用方法
2019/11/08 Javascript
jQuery实现鼠标移入显示蒙版效果
2020/01/11 jQuery
JS数组的常用10种方法详解
2020/05/08 Javascript
nuxt引入组件和公共样式的操作
2020/11/05 Javascript
vue 实现element-ui中的加载中状态
2020/11/11 Javascript
[50:02]完美世界DOTA2联赛循环赛 Magma vs IO BO2第一场 11.01
2020/11/02 DOTA
python 判断网络连通的实现方法
2018/04/22 Python
对django中render()与render_to_response()的区别详解
2018/10/16 Python
python采集微信公众号文章
2018/12/20 Python
Python利用字典破解WIFI密码的方法
2019/02/27 Python
python简单鼠标自动点击某区域的实例
2019/06/25 Python
使用python绘制温度变化雷达图
2019/10/18 Python
Python Tensor FLow简单使用方法实例详解
2020/01/14 Python
Python enumerate内置库用法解析
2020/02/24 Python
Mac中PyCharm配置Anaconda环境的方法
2020/03/04 Python
美国老牌主机服务商:iPage
2016/07/22 全球购物
香港时尚女装购物网站:ZAFUL
2017/07/19 全球购物
销售高级职员求职信
2013/10/29 职场文书
村党支部书记四风问题个人对照检查材料思想汇报
2014/10/06 职场文书
护士实习自荐信
2015/03/06 职场文书
公司联欢会主持词
2015/07/04 职场文书
2019年亲子运动会口号
2019/10/11 职场文书