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


Posted in Javascript onAugust 12, 2013

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

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

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

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

以后用到JQuery要小心这个特性。
Javascript 相关文章推荐
改进:论坛UBB代码自动插入方式
Dec 22 Javascript
web前端开发也需要日志
Dec 09 Javascript
jquery+php实现搜索框自动提示
Nov 28 Javascript
JavaScript如何实现对数字保留两位小数一位自动补零
Dec 18 Javascript
jQuery Mobile 触摸事件实例
Jun 04 Javascript
jQuery webuploader分片上传大文件
Nov 07 Javascript
自己封装的一个原生JS拖动方法(推荐)
Nov 22 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
Dec 19 Javascript
JS HTML图片显示Canvas 压缩功能
Jul 21 Javascript
在Vue项目中使用d3.js的实例代码
May 01 Javascript
angularJs中json数据转换与本地存储的实例
Oct 08 Javascript
js变量声明var使用与不使用的区别详解
Jan 21 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 中的类
2006/10/09 PHP
php 数组动态添加实现代码(最土团购系统的价格排序)
2011/12/30 PHP
解析php中eclipse 用空格替换 tab键
2013/06/24 PHP
php中file_get_contents与curl性能比较分析
2014/11/08 PHP
PHP实现将HTML5中Canvas图像保存到服务器的方法
2014/11/28 PHP
PHP array_key_exists检查键名或索引是否存在于数组中的实现方法
2016/06/13 PHP
小程序微信支付功能配置方法示例详解【基于thinkPHP】
2019/05/05 PHP
thinkPHP5框架实现多数据库连接,跨数据连接查询操作示例
2019/05/29 PHP
JS控件autocomplete 0.11演示及下载 1月5日已更新
2007/01/09 Javascript
Prototype使用指南之string.js
2007/01/10 Javascript
用javascript实现的仿Flash广告图片轮换效果
2007/04/24 Javascript
JS代码放在head和body中的区别分析
2011/12/01 Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
2013/10/24 Javascript
Javascript中call与apply的学习笔记
2014/09/22 Javascript
学习JavaScript设计模式之中介者模式
2016/01/14 Javascript
JS解决iframe之间通信和自适应高度的问题
2016/08/24 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
2017/05/17 Javascript
vue中配置mint-ui报css错误问题的解决方法
2017/10/11 Javascript
webpack4简单入门实例
2018/09/06 Javascript
前端防止用户重复提交js实现代码示例
2018/09/07 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
2019/05/21 Javascript
JS+HTML5本地存储Localstorage实现注册登录及验证功能示例
2020/02/10 Javascript
[03:35]2018年度DOTA2最佳辅助位选手5号位-完美盛典
2018/12/17 DOTA
Python运维自动化之nginx配置文件对比操作示例
2018/08/29 Python
scrapy-redis的安装部署步骤讲解
2019/02/27 Python
python移位运算的实现
2019/07/15 Python
Python通过cv2读取多个USB摄像头
2019/08/28 Python
使用Python刷淘宝喵币(低阶入门版)
2019/10/30 Python
解决tensorflow由于未初始化变量而导致的错误问题
2020/01/06 Python
Python爬虫自动化爬取b站实时弹幕实例方法
2021/01/26 Python
智利最大的网上商店:Linio智利
2016/11/24 全球购物
计算s=f(f(-1.4))的值
2014/05/06 面试题
信用社主任竞聘演讲稿
2014/05/23 职场文书
2015年消防工作总结
2015/04/24 职场文书
2015教师个人年度工作总结
2015/10/23 职场文书
经典格言警句:没有热忱,世间便无进步
2019/11/13 职场文书