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


Posted in Javascript onAugust 12, 2013

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

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

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

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

以后用到JQuery要小心这个特性。
Javascript 相关文章推荐
用最通俗易懂的代码帮助新手理解javascript闭包 推荐
Mar 01 Javascript
一个仿糯米弹框效果demo
Jul 22 Javascript
返回顶部按钮响应滚动且动态显示与隐藏
Oct 14 Javascript
js实现C#的StringBuilder效果完整实例
Dec 22 Javascript
jQuery Easyui datagrid行内实现【添加】、【编辑】、【上移】、【下移】
Dec 19 Javascript
Vue生命周期示例详解
Apr 12 Javascript
详解Vue单元测试case写法
May 24 Javascript
vue mounted 调用两次的完美解决办法
Oct 29 Javascript
JavaScript函数式编程(Functional Programming)高阶函数(Higher order functions)用法分析
May 22 Javascript
javascript读取本地文件和目录方法详解
Aug 06 Javascript
vue 判断页面是首次进入还是再次刷新的实例
Nov 05 Javascript
vue keep-alive的简单总结
Jan 25 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
Windows和Linux中php代码调试工具Xdebug的安装与配置详解
2014/05/08 PHP
php中有关合并某一字段键值相同的数组合并的改进
2015/03/10 PHP
jquery.alert 弹出式复选框实现代码
2009/06/15 Javascript
Jquery.TreeView结合ASP.Net和数据库生成菜单导航条
2010/08/27 Javascript
img onload事件绑定各浏览器均可执行
2012/12/19 Javascript
js 赋值包含单引号双引号问题的解决方法
2014/02/26 Javascript
Javascript非构造函数的继承
2015/04/27 Javascript
jQuery自适应轮播图插件Swiper用法示例
2016/08/24 Javascript
jQuery实现自动输入email、时间和域名的方法
2016/08/24 Javascript
简单三步实现报表页面集成天气
2016/12/15 Javascript
在一个页面重复使用一个js函数的方法详解
2016/12/26 Javascript
BootStrap 模态框实现刷新网页并关闭功能
2017/01/04 Javascript
Angularjs验证用户输入的字符串是否为日期时间
2017/06/01 Javascript
使用jQuery实现页面定时弹出广告效果
2017/08/24 jQuery
angular ng-model 无法获取值的处理方法
2018/10/02 Javascript
Vue指令v-for遍历输出JavaScript数组及json对象的常见方式小结
2019/02/11 Javascript
通过vue手动封装on、emit、off的代码详解
2019/05/29 Javascript
vue中使用vee-validator完成表单校验方案
2019/11/01 Javascript
浅析js实现网页截图的两种方式
2019/11/01 Javascript
简介二分查找算法与相关的Python实现示例
2015/08/26 Python
python的格式化输出(format,%)实例详解
2018/06/01 Python
50行Python代码获取高考志愿信息的实现方法
2019/07/23 Python
对python中UDP,socket的使用详解
2019/08/22 Python
Python批量将图片灰度化的实现代码
2020/04/11 Python
Html5新标签解释及用法
2012/02/17 HTML / CSS
Right-on官方网站:日本知名的休闲服装品牌
2019/07/12 全球购物
Antonioli美国在线商店:时尚前卫奢华
2019/07/29 全球购物
年会活动策划方案
2014/01/23 职场文书
中学劳技课教师的自我评价
2014/02/05 职场文书
卫生系统先进事迹
2014/05/13 职场文书
擅自离岗检讨书
2014/09/12 职场文书
中层领导干部群众路线对照检查材料思想汇报
2014/10/02 职场文书
2014幼儿园大班工作总结
2014/11/10 职场文书
2014年学校财务工作总结
2014/12/06 职场文书
浅析CSS在DevTools 中架构演变
2021/10/05 HTML / CSS
Vue.js中v-for指令的用法介绍
2022/03/13 Vue.js