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


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实现日期加减的方法
Nov 29 Javascript
jQuery循环滚动新闻列表示例代码
Jun 17 Javascript
一些实用性较高的js方法
Apr 19 Javascript
从重置input file标签中看jQuery的 .val() 和 .attr(“value”) 区别
Jun 12 Javascript
深入浅析JavaScript的API设计原则
Jun 14 Javascript
轻松掌握JavaScript代理模式
Aug 26 Javascript
js如何判断是否在iframe中及防止网页被别站用iframe嵌套
Jan 11 Javascript
提升node.js中使用redis的性能遇到的问题及解决方法
Oct 30 Javascript
微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解
Mar 28 Javascript
Vue v-text指令简单使用方法示例
Sep 19 Javascript
javascript实现贪吃蛇经典游戏
Apr 10 Javascript
js中延迟加载和预加载的具体使用
Jan 14 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
PHP5.3的垃圾回收机制(动态存储分配方案)深入理解
2012/12/10 PHP
PHP cookie,session的使用与用户自动登录功能实现方法分析
2019/06/05 PHP
js 获取子节点函数 (兼容FF与IE)
2010/04/18 Javascript
jQuery实现跨域iframe接口方法调用
2015/03/14 Javascript
jQuery解决input超多的表单提交
2015/08/10 Javascript
javascript实现拖动元素交换位置
2015/11/29 Javascript
在localStorage中存储对象数组并读取的方法
2016/09/24 Javascript
nodejs实现OAuth2.0授权服务认证
2017/12/27 NodeJs
JavaScript基础心法 深浅拷贝(浅拷贝和深拷贝)
2018/03/05 Javascript
js+SVG实现动态时钟效果
2018/07/14 Javascript
详解vue中async-await的使用误区
2018/12/05 Javascript
vue中v-text / v-html使用实例代码详解
2019/04/02 Javascript
vue实现点击按钮切换背景颜色的示例代码
2020/06/23 Javascript
通过vue刷新左侧菜单栏操作
2020/08/06 Javascript
python求列表交集的方法汇总
2014/11/10 Python
在Python的struct模块中进行数据格式转换的方法
2015/06/17 Python
目前最全的python的就业方向
2018/06/05 Python
Python对象属性自动更新操作示例
2018/06/15 Python
对pycharm代码整体左移和右移缩进快捷键的介绍
2018/07/16 Python
Python实现钉钉发送报警消息的方法
2019/02/20 Python
python二维码操作:对QRCode和MyQR入门详解
2019/06/24 Python
python实现动态创建类的方法分析
2019/06/25 Python
python通过http下载文件的方法详解
2019/07/26 Python
Python定时任务随机时间执行的实现方法
2019/08/14 Python
sklearn+python:线性回归案例
2020/02/24 Python
python numpy库linspace相同间隔采样的实现
2020/02/25 Python
Python实现电视里的5毛特效实例代码详解
2020/05/15 Python
TensorFlow实现模型断点训练,checkpoint模型载入方式
2020/05/26 Python
乐天旅游台湾网站:Rakuten Travel TW
2017/06/01 全球购物
东南亚旅游平台:The Trip Guru
2018/01/01 全球购物
编写类String的构造函数、析构函数和赋值函数
2012/05/29 面试题
优秀体育委员自荐书
2014/01/31 职场文书
运动会拉拉队口号
2014/06/09 职场文书
测绘工程专业求职信
2014/07/15 职场文书
2014入党积极分子破除“四风”思想汇报
2014/09/14 职场文书
MBA推荐信怎么写
2015/03/25 职场文书