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


Posted in Javascript onAugust 12, 2013

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

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

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

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

以后用到JQuery要小心这个特性。
Javascript 相关文章推荐
IE与Firefox下javascript getyear年份的兼容性写法
Dec 20 Javascript
JavaScript快速检测浏览器对CSS3特性的支持情况
Sep 26 Javascript
javascript使用输出语句实现网页特效代码
Aug 06 Javascript
详解javascript数组去重问题
Nov 06 Javascript
js实现城市级联菜单的2种方法
Jun 23 Javascript
JS获取填报扩展单元格控件的值的解决办法
Jul 14 Javascript
Three.js入门之hello world以及如何绘制线
Sep 25 Javascript
Bootstrap 中data-[*] 属性的整理
Mar 13 Javascript
在vue项目中引用Iview的方法
Sep 14 Javascript
vue+vant使用图片预览功能ImagePreview的问题解决
Apr 10 Javascript
Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
Apr 29 Javascript
JavaScript中的函数式编程详解
Aug 22 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
Oracle Faq(Oracle的版本)
2006/10/09 PHP
深入解析PHP中的(伪)多线程与多进程
2013/07/01 PHP
mod_php、FastCGI、PHP-FPM等PHP运行方式对比
2015/07/02 PHP
PHP基于关联数组20行代码搞定约瑟夫问题示例
2017/11/07 PHP
JS获取scrollHeight问题想到的标准问题
2007/05/27 Javascript
实例解析JS布尔对象的toString()方法和valueOf()方法
2015/10/25 Javascript
JavaScript中eval()函数用法详解
2015/12/14 Javascript
JavaScript File API文件上传预览
2016/02/02 Javascript
浅谈几种常用的JS类定义方法
2016/06/08 Javascript
浅谈js和css内联外联注意事项
2016/06/30 Javascript
ES6所改良的javascript“缺陷”问题
2016/08/23 Javascript
扩展Bootstrap Tooltip插件使其可交互的方法
2016/11/07 Javascript
Bootstrap3下拉菜单的实现
2017/02/22 Javascript
vue 解决循环引用组件报错的问题
2018/09/06 Javascript
微信小程序实现跑马灯效果
2020/10/21 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
2019/06/26 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
2020/08/18 Javascript
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
Django视图和URL配置详解
2018/01/31 Python
Python打印“菱形”星号代码方法
2018/02/05 Python
Python 使用with上下文实现计时功能
2018/03/09 Python
pandas 使用apply同时处理两列数据的方法
2018/04/20 Python
python之验证码生成(gvcode与captcha)
2019/01/02 Python
Django model select的多种用法详解
2019/07/16 Python
Window10下python3.7 安装与卸载教程图解
2019/09/30 Python
使用Pycharm(Python工具)新建项目及创建Python文件的教程
2020/04/26 Python
Python多线程thread及模块使用实例
2020/04/28 Python
Python实现扫码工具的示例代码
2020/10/09 Python
煤矿班组长岗位职责
2013/12/29 职场文书
比赛口号大全
2014/06/10 职场文书
人事主管岗位职责
2015/02/04 职场文书
统计员岗位职责范本
2015/04/14 职场文书
教师节座谈会主持词
2015/07/03 职场文书
JS中一些高效的魔法运算符总结
2021/05/06 Javascript
Python3.10的一些新特性原理分析
2021/09/15 Python
在容器中使用nginx搭建上传下载服务器
2022/05/11 Servers