jquery绑定click事件出现第二次点击一次执行两次的问题

最新推荐文章于 2021-08-14 15:52:40 发布
原创 最新推荐文章于 2021-08-14 15:52:40 发布 · 416 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在JavaScript中如何成功触发事件后避免多次执行的问题。通过使用`$('#id').unbind();`来取消事件绑定，可以确保在执行新的事件时不会触发旧的事件。这种方法对于优化用户交互和防止未预期的代码执行至关重要。 
成功的触发事件，就会有多个事件存放，然后你点击时，就会触发你点击数目的事件。解决方法就是在成功后先取消事件（$('#id').unbind();），再执行事件。

JQuery触发两次事件的问题及解决方案
CsCufft的博客
09-22 1192
JQuery触发两次事件的问题通常是由事件重复绑定所导致的。在使用JQuery时，有时会遇到触发两次事件的情况，这可能会导致意外的结果或不良用户体验。本文将详细介绍这个问题的原因，并提供解决方案的源代码示例。造成事件被触发两次的原因通常是事件的重复绑定。当代码中存在多个相同的事件绑定时，每次事件发生时，都会触发所有的绑定处理程序，从而导致事件被执行多次。希望本文的解决方案能帮助您解决JQuery触发两次事件的问题！下面是一些可能的解决方案，可以帮助您解决JQuery触发两次事件的问题。
03-jQuery-事件绑定【click() 、on()】、事件切换toggle()、事件方法、样式控制
记录java学习日常~
05-20 1万+
on() 方法是 jQuery 中最常用且最通用的事件绑定方法，可以绑定多个事件类型，并为每个事件类型指定一个或多个处理程序。click() 方法是一种简洁的事件绑定方法，只能绑定 click 事件，并且只允许绑定一个处理程序，无法为同一个元素绑定多个处理程序。off() 方法用于移除之前绑定的事件处理程序，它需要传递一个或多个事件类型参数，并为这些事件类型制定要移除的处理程序。jQuery 事件绑定中，on() 方法用于为元素添加事件处理程序，off() 方法则用于移除绑定的事件处理程序。
jquery动态绑定事件的方法_解决jquery绑定click事件出现点击一次执行两次问题
weixin_39916379的博客
12-03 239
问题定位：通过浏览器F12定位到点击一次出现两次调用（alert）。问题解决：$("#mail_span").on("click",function(e){if(!e.isPropagationStopped()){//确定stopPropagation是否被调用过 //这里是点击时间处理内容 } e.stopPropagation();//必须要，不然e.isPropagation...
jquery click点击一次执行两次
素味平生的博客
08-20 2395
错误描述：在页面内触发点击事件，调用了两次js，代码重复执行， 排查结果：click事件点击了一次执行了两次 解决方案：click 和 on 两种写法 $('.btn').unbind('click').click(function(){ console.log("在触发点击事件之前先把之前绑定的点击事件解除掉") }) 或者 $('.btn').off().on('clic...
解决jquery绑定click事件出现点击一次执行两次问题
weixin_30765505的博客
12-06 362
问题定位：通过浏览器F12定位到点击一次出现两次调用。 问题复现： $("#mail_span").on("click",function(){ if($(".treeselect").children(".treeselect-up").css("display")=="none"){ treeSelectClick(); ...
jQuery点击click触发两次事件解决办法
jimbooks的博客
12-19 1万+
解决方法请进入官网 详情请访问：sky8g网 对于jQuery的js框架，大家都不陌生，但是有的是时候需要 使用click函数进行事件的应用 但是，有的时候点击一个div后出现了两次事件 解决办法。 如果浏览不顺畅请到原文章出处：https://www.sky8g.com/technology/1047/ 请注意可能会提示风险，这是csdn官网如果不是他们的网址,其他的网址都...
jQuery实现radio第一次点击选中第二次点击取消功能
10-19
在本文中，我们将深入探讨如何使用jQuery来实现一个特定的功能：单选按钮（radio button）在第一次被点击时选中，而第二次点击时取消选中。 通常情况下，单选按钮的默认行为是点击后保持选中状态，直到用户选择其他...
jQuery第一次运行页面默认触发点击事件的实例
10-18
第二个实例则选取所有同时拥有`aaa`和`bbb`类的元素中的第一个，并直接调用`.click()`方法进行点击。这些代码应当放置在合适的时机，比如`$(document).ready()`函数中，以确保在页面加载完毕时能执行预期的操作。 ...
jQuery防止click双击多次提交及传递动态函数或多参数
10-26
可以看到，双击事件中包含了两次单击事件的触发，这就导致了一个潜在的问题：在双击事件的处理函数中，如果用户快速双击，第一次的单击事件可能会被屏蔽掉，但第二次不会，从而导致单击事件被执行两次。 为了防止...
jquery绑定事件 bind和on的用法与区别分析
11-20
这种委托机制显著提高了性能，特别是处理大量子元素时，因为只需要为父元素绑定一次事件处理函数。 例如，考虑以下HTML结构： ```html 第一个子元素 第二个子元素 第三个子元素 ``` 如果我们要为所有 `li` ...
按钮的Ajax请求时一次点击两次提交的解决方法
01-19
页面中的按钮的type是submit的： <input type=”submit” value=”Create” id=”submit” /> ajax的请求，在JQuery中是： $(function () { $('#submit').click(function () { var createGenreForm = $('#createGenreForm'); if (createGenreForm.valid()) { var obj = { Name: $('#Name').val(), Description: $('#Description').val() }; var jso
jquery的click 事件点击一次会累加执行多次的解决方法
D的博客
08-09 2249
用jquery绑定一个按钮click事件后，第一次点击后，一切正常，第二次点击，竟然执行两次，以后累加越来越多。 后来查看文档发现 jquery click 不是替换原有的function ，而是接着添加，所以才会执行次数越来越多。 所以，可以在绑定click函数之前，先解绑或者说是移出以前绑定的click，然后再添加绑定。 解绑定方法 $("...").unbind('click...
jQuery click点击一次，事件触发了两次
Mr.苏 - 不秃头
08-30 6367
最近新增了个按钮绑定点击事件，执行时发现，该事件每点击一次就执行了两次，导致插入了两条相同的数据。 在网上找了好多方法尝试，最终得以解决，现在归类记录一下： 1.e.stopPropagation() 这是js的方法，阻止捕获和冒泡阶段中当前事件的进一步传播 案例：当div含有点击事件内还包含a标签，要想点击a标签不触发父级div的点击事件就用该方法 2.e.preventDefault...
jq点击事件第二次点击会出现两次点击 依次累积
bu__qiqi的博客
06-01 697
jquery click 不是替换原有的function ，而是接着添加，所以才会执行次数越来越多。 所以，可以在绑定click函数之前，先解绑或者说是移出以前绑定的click，然后再添加绑定。
jquery click事件触发一次 代码执行多次
JoyIT_的博客
08-27 1921
最近做的一个项目，实现一个功能为：有几个li模块，从点击选中第二个开始判断内容是否与第一个相同，若相同追加到数组里面；若不相同则弹出提示框提示用户是否继续追加，而此时弹框里有确定和取消按钮，点击取消后弹框消失再次点击li模块弹框弹出点击确定按钮则click事件执行了两次。此阶段只有前端操作不涉及后台获取数据，界面不刷新。 界面代码大概是： function liClick(){ $("#anniu").click(function(){ alert(111); // 点击一次 会
jQuery click事件多次执行问题
杨小柒的博客
05-24 2128
jQuery click事件多次执行问题的解决前几天遇到的一个问题：有一个列表页面，每个item中都有相同的三个按钮，第一次点击其中一个按钮的时候—正常，第二次点击它的时候发现执行了两次，再点击一次？三次……我查了文档，click事件不是代替之前的function而是继续添加，就像是一个数组般的。 解决方法：在添加click事件时先解绑之前的click事件（unbind方法），或者在click事件
用jquery 绑定一个按钮click事件后，第一次点击后，一切正常，第二次点击，竟然执行两次，以后越来越多
ii窝窝头的博客
07-24 306
用jquery 绑定一个按钮click事件后，第一次点击后，一切正常，第二次点击，竟然执行两次，以后越来越多。 后来查看文档发现 jquery click 不是 替换原有的function 而是接着添加，所以才会执行次数越来越多。 这有就可以在添加之前要先解除click事件绑定，然后再重新绑定。 重新绑定部分代码： $('#btn').unbind('click'); $('#btn'...
jQuery的click事件一次点击执行多次的原因与解决办法
zhuimenghou的博客
08-14 4490
在js中，使用了jQuery的$("#id").on(“click”,function(e) {}方法，而且在js中，方法声明如下 function orderCancle() { $("#id").on(“click”,function(e) {} } 而且这个方法在多个ajax返回成功后，被多次调用，即多次执行了 orderCancle() ； 最后点击的时候，出现了点击一次触发多次click事件的结果。查了资料才发现，jquery的click 不是 替换原有的function，而是接着添加。 解决办
jquery click点击一次执行两次解决方法
热门推荐
ydm东方旭日的专栏
04-19 2万+
$('#sub').unbind('click').click(function () { ... });
jquery load方法 二次加载后加载事件失效
最新发布
06-04
从描述来看，用户已经尝试用load方法加载内容，但发现第二次加载后绑定的事件失效了。这其实不是jQuery的bug，而是事件绑定机制的特性使然。用户可能正在开发一个单页应用或需要局部刷新的功能，对前端有一定了解但...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值