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


Posted in Javascript onAugust 12, 2013

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

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

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

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

以后用到JQuery要小心这个特性。
Javascript 相关文章推荐
jQuery阻止同类型事件小结
Apr 19 Javascript
javascript实现焦点滚动图效果 具体方法
Jun 24 Javascript
JavaScript计算字符串中每个字符出现次数的小例子
Jul 02 Javascript
js图片预加载示例
Apr 30 Javascript
使用typeof判断function是否存在于上下文
Aug 14 Javascript
jQuery 3 中的新增功能汇总介绍
Jun 12 Javascript
基于JavaScript实现验证码功能
Apr 01 Javascript
JavaScript中字符串的常用操作方法及特殊字符
Mar 18 Javascript
基于Vue实现拖拽功能
Jul 29 Javascript
React组件重构之嵌套+继承及高阶组件详解
Jul 19 Javascript
javascript实现智能手环时间显示
Sep 18 Javascript
Vue的生命周期一起来看看
Feb 24 Vue.js
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下载文件名中解决乱码的问题
2013/06/20 PHP
ueditor 1.2.6 使用方法说明
2013/07/24 PHP
2014最热门的24个php类库汇总
2014/12/18 PHP
微信支付PHP SDK之微信公众号支付代码详解
2015/12/09 PHP
YII分模块加载路由的实现方法
2018/10/01 PHP
php定期拉取数据对比方法实例
2019/09/22 PHP
用JavaScript脚本实现Web页面信息交互
2006/12/21 Javascript
JavaScript OOP类与继承
2009/11/15 Javascript
Extjs单独定义各组件的实例代码
2013/06/25 Javascript
js克隆对象、数组的常用方法介绍
2013/09/26 Javascript
用于deeplink的js方法(判断手机是否安装app)
2014/04/02 Javascript
js控制iframe的高度/宽度让其自适应内容
2014/04/09 Javascript
javascript的创建多行字符串的7种方法
2014/04/29 Javascript
分享两个手机访问pc网站自动跳转手机端网站代码
2020/12/24 Javascript
jQuery中slideUp 和 slideDown 的点击事件
2015/02/26 Javascript
JavaScript中的数据类型转换方法小结
2015/10/26 Javascript
基于BootStrap Metronic开发框架经验小结【六】对话框及提示框的处理和优化
2016/05/12 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
详解vue-cil和webpack中本地静态图片的路径问题解决方案
2017/09/27 Javascript
Vue 中mixin 的用法详解
2018/04/23 Javascript
vue+iview动态渲染表格详解
2019/03/19 Javascript
浅谈layui里的上传控件问题
2019/09/26 Javascript
[03:12]TI9战队档案 - Virtus Pro
2019/08/20 DOTA
[01:31:22]DOTA2-DPC中国联赛定级赛 LBZS vs Magma BO3第二场 1月10日
2021/03/11 DOTA
python 实现插入排序算法
2012/06/05 Python
Python 面向对象之类class和对象基本用法示例
2020/02/02 Python
草莓网化妆品加拿大网站:Strawberrynet Canada
2016/09/20 全球购物
文史专业毕业生自荐信
2013/11/17 职场文书
员工培训邀请函
2014/02/02 职场文书
大学生学期自我鉴定
2014/03/19 职场文书
党员廉洁自律承诺书
2014/05/26 职场文书
团日活动总结模板
2014/06/25 职场文书
假期安全教育广播稿
2014/10/04 职场文书
团员年度个人总结
2015/02/26 职场文书
驾驶员管理制度范本
2015/08/06 职场文书
高中地理教学反思
2016/02/19 职场文书