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


Posted in Javascript onAugust 12, 2013

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

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

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

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

以后用到JQuery要小心这个特性。
Javascript 相关文章推荐
JS对URL字符串进行编码/解码分析
Oct 25 Javascript
JS 自动安装exe程序
Nov 30 Javascript
浅析ajax请求json数据并用js解析(示例分析)
Jul 13 Javascript
几种延迟加载JS代码的方法加快网页的访问速度
Oct 12 Javascript
Javascript中匿名函数的多种调用方式总结
Dec 06 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
Feb 12 Javascript
jquery选择器使用详解
Apr 08 Javascript
jQuery Ajax使用实例
Apr 16 Javascript
vue.js获取数据库数据实例代码
May 26 Javascript
JavaScript对JSON数据进行排序和搜索
Jul 24 Javascript
JS构造一个html文本内容成文件流形式发送到后台
Jul 31 Javascript
如何进行微信公众号开发的本地调试的方法
Jun 16 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
php实现parent调用父类的构造方法与被覆写的方法
2015/02/11 PHP
php实现三级级联下拉框
2016/04/17 PHP
php实现商城购物车的思路和源码分析
2020/07/23 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
在JavaScript中typeof的用途介绍
2013/04/11 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
2014/05/29 Javascript
Javascript基础教程之数据类型转换
2015/01/18 Javascript
JS实现随机乱撞彩色圆球特效的方法
2015/05/05 Javascript
用Move.js配合创建CSS3动画的入门指引
2015/07/22 Javascript
JavaScript 中有关数组对象的方法(详解)
2016/08/15 Javascript
JavaScript String(字符串)对象的简单实例(推荐)
2016/08/31 Javascript
Js自定义多选框效果的实例代码
2017/07/05 Javascript
node puppeteer(headless chrome)实现网站登录
2018/05/09 Javascript
vuejs使用axios异步访问时用get和post的实例讲解
2018/08/09 Javascript
微信小程序canvas绘制圆角base64图片的实现
2019/08/18 Javascript
关于vue项目中搜索节流的实现代码
2019/09/17 Javascript
微信小程序转发事件实现解析
2019/10/22 Javascript
vue 实现setInterval 创建和销毁实例
2020/07/21 Javascript
[01:51]开启你的城市传奇 完美世界城市挑战赛开始报名
2018/10/09 DOTA
python文件和目录操作函数小结
2014/07/11 Python
python中string模块各属性以及函数的用法介绍
2016/05/30 Python
python 动态生成变量名以及动态获取变量的变量名方法
2019/01/20 Python
详解python3 + Scrapy爬虫学习之创建项目
2019/04/12 Python
如何安装2019Pycharm最新版本(详细教程)
2019/09/26 Python
np.newaxis 实现为 numpy.ndarray(多维数组)增加一个轴
2019/11/30 Python
如何将PySpark导入Python的放实现(2种)
2020/04/26 Python
如何使用python的ctypes调用医保中心的dll动态库下载医保中心的账单
2020/05/24 Python
Python 使用Opencv实现目标检测与识别的示例代码
2020/09/08 Python
python 利用百度API识别图片文字(多线程版)
2020/12/14 Python
机械电子工程专业推荐信范文
2013/11/20 职场文书
工作人员思想汇报
2014/01/09 职场文书
家长对孩子的评语
2014/04/18 职场文书
如何撰写一封出色的求职信
2014/04/27 职场文书
感动中国何玥观后感
2015/06/02 职场文书
Nginx+SpringBoot实现负载均衡的示例
2021/03/31 Servers
python游戏开发Pygame框架
2022/04/22 Python