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

154 阅读 0 评论 102 点赞

我是靠谱客的博主单薄热狗，最近开发中收集的这篇文章主要介绍多次注册事件会导致一个事件被触发多次的解决方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

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

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

复制代码代码如下:

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

以后用到JQuery要小心这个特性。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。