绑定click事件，重复绑定，一次触发两次事件

最新推荐文章于 2022-06-18 15:08:17 发布

原创最新推荐文章于 2022-06-18 15:08:17 发布 · 410 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

笔记专栏收录该内容

23 篇文章

订阅专栏

本文探讨了在JavaScript中如何使用对象.unbind('click')移除现有的click事件监听器，并立即触发一次click事件，这一技巧在事件处理的高级场景中颇为实用。

对象.unbind(“click”).click(function () {

});
点击之前先移除click事件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

freeshu

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JQuery给元素绑定click事件多次执行的解决方法

10-25

然而，在编程过程中，我们可能会遇到一个问题，即元素的`click`事件被多次绑定，导致点击时事件处理函数被执行多次，这通常是由于多次调用事件绑定代码或动态添加元素时没有正确处理事件引起的。本文将深入探讨这个...

JQuery 给元素绑定click事件多次执行的解决方法

12-11

原绑定方法： $("#sdfsd").on("click",function(e){ ***** }); 这种方法只会在原click方法中继续添加新方法；解决办法更改绑定方法为： $("#sdfsd").unbind(...在绑定新click方法前对元素所绑定的click方法解绑

参与评论您还未登录，请先登录后发表或查看评论

今天遇到一个累加绑定事件的bug 触发一次事件，事件执行多次

时间在飞飞的博客

08-10

955

今天遇到了一个bug 使用jquery的on()方法为元素绑定了点击事件，点击时会发送请求，让后台取消订单，并记录取消的原因。首先我们知道jquery的on()方法是封装了原生JavaScript的addEventListener()方法，这个方法的特点是可以执行多个事件函数，我就在想是不是触发一次事件，事件执行了多个执行函数。后来看了代码的逻辑发现是，每次点击取消订单，就会绑定一次...

JS事件click调用两次、多次

落霞朝阳七千里，夏雨冬雪九万顷

06-18

4592

JS事件click调用两次、多次昨天项目中遇到一个问题：场景：打开弹窗页面，点击按钮动态对表格添加一行，关闭弹窗之后再打开弹窗，点击按钮就出现了直接添加两行，

js(jquery)的on绑定点击事件执行两次的解决办法

一只爱吃糖的小羊

03-07

1万+

js(jquery)的on绑定点击事件执行两次的解决办法—不是事件绑定而是事件冒泡本文博主遇到的问题：jquery中用.on()给页面中新加的元素添加点击事件时，点击事件源，绑定的事件执行两次，这里的alert会执行两次，相应地数组删除也执行两次，具体代码如下（其中.tabDel是页面加载之后新生成的元素，故不能用普通的$(‘.tabDel).click(function(){})的方法添加点...

多次注册事件会导致一个事件被触发多次

Dean Chen的专栏

08-10

6600

一个JavaScript逻辑，会自动绑定函数到按钮的click事件，但是这段代码会反复注册事件。这样依赖onNext函数会在点击一次按钮的时候多次触发。这是JQuery内部没有判断是否绑定多次，怀疑其内部用了数组保存事件函数，而且没有去重。下面的代码预防了这个问题。解决方案很简单。 if (!this.hasPageBarEvents) { $(".pNext").on("click"

前端多次绑定click的坑

weixin_37986787的博客

09-21

630

前端坑绑定踩过的click的坑 111111 做前端几个月，真的是各种坑都有，今天就来聊聊这几天遇到的多次绑定click遇到的坑。留下一些自己的记录！！首先是HTML这块这个是一个翻牌子的游戏界面是这样的然后是HTML部分的点我翻牌点我翻牌 ...

jquery单选框radio绑定click事件实现方法

10-24

本篇文章将详细讲解如何使用jQuery为单选框（radio）绑定click事件，以便在用户点击单选框时，能够根据所选值执行相应的操作。首先，jQuery的选择器功能强大，可以方便地选取页面中的特定元素。在示例代码中，`$(...

JQuery入门——用one()方法绑定事件处理函数(仅触发一次)

12-12

本篇文章将深入探讨jQuery中的`one()`方法，这是一个用于事件处理的独特功能，允许开发者为元素绑定一个只触发一次的事件处理函数。 `one()`方法的核心在于它的一次性特性，这使得它在某些场景下特别有用，比如初始...

js中事件重复绑定会相应导致多次处理程序的响应

weixin_34355559的博客

07-26

305

2019独角兽企业重金招聘Python工程师标准>>> ...

Qt QTableWidget 点击事件重复问题的解决

热门推荐

忆、瞻的专栏

05-22

1万+

在做一个Qt项目时遇到一个小问题

Qt 在发送一次信号触发两次槽函数的解决方法

weixin_44881103的博客

03-04

2011

connect(&EnterPushButton,SIGNAL(clicked()),this, SLOT(on_CreateProject_clicked())); 备注: 1.EnterPushButton 是确定按钮 2.一定要写SIGNAL(Clicked() ）,此处是信号 3.SLOT( on_CreateProject_clicked() ) 一定要写SLOT，然后后面的函数格式要写成 4.on_CreateProject_clicked()的格式，以on_开头 2，加上组件名称(自

解决jquery绑定click事件出现点击一次执行两次问题

star的博客

10-24

1万+

问题定位：通过浏览器F12定位到点击一次出现两次调用。问题复现： $("#mail_span").on("click",function(){ if($(".treeselect").children(".treeselect-up").css("display")=="none"){ treeSelectClick();

jQuery绑定和解绑点击事件及重复绑定解决办法

说：/~不了的专栏

10-14

1万+

绑点击事件这个是jquery一个常用的功能，如click,unbind等等这些事件绑定事情，但还有很多朋友不知道，下面我来给大家介绍jQuery绑定和解绑点击事件及重复绑定解决办法,有需要了解的同学可参考。

Jquery中按钮事件重复绑定导致事件多次触发解决办法

u014644574的博客

03-02

1151

https://blog.youkuaiyun.com/qq_41559229/article/details/82801116

jquery click事情重复绑定

只有不断总结的人才能不断进步

09-21

3166

jquery重复绑定事件

ajax点击事件click触发两次,Jquery中click事件重复执行的问题

weixin_28235513的博客

08-06

957

Jquery版本1.11.0问题：点击修改链接，在弹出的对话框中，点提交按钮，click事件会执行多次。而用原生js则没有问题。并且提交后，第二次提交后，多个数据都变成一个了。代码如下：点击了多少次修改，点提交时就会alert出多少个222222http://jsfiddle.net/D7eEd/个人认为原因是：click事件里不能包含click事件？不知道是不是这样。为方便查看，附带整个文档Do...

如何解决click事件重复的问题

小亮子的博客

09-18

1233

参考: https://blog.youkuaiyun.com/brucecheng22/article/details/51260459 jquery解决点击事件冒泡参考: http://www.w3school.com.cn/jsref/event_stoppropagation.asp

Fastclick 导致click事件触发两次的问题，fastclickclick

05-23

Fastclick 是一个用于解决移动端点击事件延迟的 JavaScript 库，在某些场景下可能会导致点击事件触发两次的问题。这是因为 Fastclick 在绑定点击事件时，会在 touchstart 和 touchend 时都触发一次事件处理函数，造成了事件的重复触发。要解决这个问题，可以使用以下方法之一： 1. 升级 Fastclick 版本。较新版本的 Fastclick 已经修复了这个问题。 2. 在绑定点击事件时，使用原生事件监听方式，而不是 Fastclick 提供的绑定方式，例如： ``` element.addEventListener('click', function() { // 处理点击事件 }); ``` 3. 在 Fastclick 初始化时，设置 `tapDelay` 选项为一个较大的值，例如： ``` FastClick.attach(document.body, { tapDelay: 100 }); ``` 这个选项可以让 Fastclick 延迟触发事件处理函数，从而避免重复触发。