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


Posted in Javascript onAugust 12, 2013

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

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

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

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

以后用到JQuery要小心这个特性。
Javascript 相关文章推荐
使用jscript实现二进制读写脚本代码
Jun 09 Javascript
javascript在myeclipse中报错的解决方法
Oct 29 Javascript
js动画效果制件让图片组成动画代码分享
Jan 14 Javascript
Bootstrap入门书籍之(三)栅格系统
Feb 17 Javascript
jQuery之动画效果大全
Nov 09 Javascript
Json按某个键的值进行排序
Dec 22 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
Dec 30 Javascript
VUE中使用Vue-resource完成交互
Jul 21 Javascript
vue-cli 默认路由再子路由选中下的选中状态问题及解决代码
Sep 06 Javascript
bootstrap table实现合并单元格效果
Dec 24 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
Jul 24 Javascript
解决vue做详情页跳转的时候使用created方法 数据不会更新问题
Jul 24 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函数常用用法小结
2010/02/08 PHP
让Nginx支持ThinkPHP的URL重写和PATHINFO的方法分享
2011/08/08 PHP
gd库图片下载类实现下载网页所有图片的php代码
2012/08/20 PHP
php常用Stream函数集介绍
2013/06/24 PHP
PHP连接MySQL数据的操作要点
2015/03/20 PHP
php实现PDO中捕获SQL语句错误的方法
2017/02/16 PHP
PHP实现简单计算器小程序
2020/08/28 PHP
JQuery的Validation插件中Remote验证的中文问题
2010/07/26 Javascript
利用javascript实现web页面中指定区域打印
2013/10/30 Javascript
javascript中的Base64、UTF8编码与解码详解
2015/03/18 Javascript
JavaScript实现鼠标滑过图片变换效果的方法
2015/04/16 Javascript
最原始的jQuery注册验证方式
2016/10/11 Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
2016/10/26 Javascript
vue 过滤器filter实例详解
2018/03/14 Javascript
支付宝小程序tabbar底部导航
2018/11/06 Javascript
JavaScript怎样在删除前添加确认弹出框?
2019/05/27 Javascript
Vue组件实现触底判断
2019/06/26 Javascript
JS实现时间校验的代码
2020/05/25 Javascript
微信小程序多列表渲染数据开关互不影响的实现
2020/06/05 Javascript
python的dict,set,list,tuple应用详解
2014/07/24 Python
Python中利用xpath解析HTML的方法
2018/05/14 Python
python切片及sys.argv[]用法详解
2018/05/25 Python
实例介绍Python中整型
2019/02/11 Python
python版百度语音识别功能
2019/07/09 Python
Python中无限循环需要什么条件
2020/05/27 Python
python用tkinter实现一个gui的翻译工具
2020/10/26 Python
集中整治工作方案
2014/05/01 职场文书
求职信怎么写范文
2014/05/26 职场文书
2014年纪检监察工作总结
2014/11/11 职场文书
六年级小学生评语
2014/12/26 职场文书
离婚协议书范文
2015/01/26 职场文书
城管个人总结
2015/02/28 职场文书
董事长新年致辞
2015/07/29 职场文书
2016特色励志班级口号
2015/12/24 职场文书
2016入党积极分子心得体会
2016/01/06 职场文书
如何书写读后感?(附范文)
2019/07/26 职场文书