click事件多次执行的解决办法

最新推荐文章于 2022-09-02 10:31:48 发布
最新推荐文章于 2022-09-02 10:31:48 发布
阅读量482 收藏
点赞数
分类专栏： 心得 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/whh_lydia/article/details/48440941
版权

$("#sdfsd").unbind("click").click(function(e){ ***** }); 

在绑定新click方法前对元素所绑定的click方法解绑

whh_lydia
关注
专栏目录
JQuery给元素绑定click事件多次执行的解决方法
10-25
主要介绍了JQuery给元素绑定click事件多次执行的解决方法,需要的朋友可以参考下
jQuery的click事件一次点击执行多次的原因与解决办法
zhuimenghou的博客
08-14 4230
在js中，使用了jQuery的$("#id").on(“click”,function(e) {}方法，而且在js中，方法声明如下 function orderCancle() { $("#id").on(“click”,function(e) {} } 而且这个方法在多个ajax返回成功后，被多次调用，即多次执行了 orderCancle() ； 最后点击的时候，出现了点击一次触发多次click事件的结果。查了资料才发现，jquery的click 不是 替换原有的function，而是接着添加。 解决办
click点击一次执行多次的问题
yuchunyang8023的博客
01-30 2498
$("#id").click(function() { alert(1); }); 点击id元素执行多次alert(1),此处为代码错误，将click事件进行了多次绑定，需解绑后再进行绑定，解决方法如下： $("#id").off("click").on("click",function() {});
Jquery点击事件连续执行多次
lyq8778的博客
09-02 1549
jquery重复执行
jquery click事件被多次执行？
gundumw100的专栏
07-09 438
用jquery绑定一个按钮click事件后，第一次点击后，一切正常，第二次点击，竟然执行两次，以后越来越多。 后来查看文档发现 jquery click 不是替换原有的function ，而是接着添加，所以才会执行次数越来越多。 这有就可以在添加之前先将按钮click函数置空，然后再添加。 解绑定方法 $("...").unbind('click'); 自 jQuery 版本 ...
JQuery 给元素绑定click事件多次执行的解决方法
10-25
本篇文章将详细介绍如何解决jQuery中元素click事件多次执行的问题。 首先，我们需要理解jQuery中的事件绑定机制。jQuery提供了`.on()`方法来绑定事件，例如： ```javascript $("#sdfsd").on("click", function(e) ...
Jquery on方法绑定事件后执行多次的解决方法
11-24
当时想想了想可以使用内联的onclick 来实现，后来没有这样做，使用的是 on(‘click’,function(){}) ,然而使用on方法的时候就发现，on 对同一个元素多次绑定同一个事件的时候，这个事件就会执行多次。 下面给出这种...
click点击一次，执行多次的bug
GSCurry的博客
05-13 2万+
问题最近做项目为一个添加按钮绑定点击事件，很简单的一个事情，于是我按照通常做法找到元素，使用JavaScript的addEventListener()方法为元素绑定了点击事件，点击同时发送请求。 完成后看效果，第一次点击没有问题。再一次点击后发现发送了两次请求，后面再点击发现请求的数量越来越多。
jquery中click点击事件嵌套后多次触发的解决方案
热门推荐
licanty的博客
06-01 2万+
首先讲讲我遇到这个问题的时候，我最开始想到的是阻止事件冒泡，想了一下好像没有什么关系的，最后决定还是动手做做看，放到项目中试了试确实是没有什么关系的，傻眼了怎么办，来讲讲我的亲身体验吧！ 产生此种小姑的原因：jQuery中的click事件会累计绑定，所以我们可以在下次点击前先解绑； 1.一个接单的例子 #box{ width: 100px; height:
解决一个点击事件执行多次的问题
Woniu_Yu的博客
09-10 2164
在方法中给元素绑定事件，在点击事件触发前，该方法被调用了多少次，则点击事件被绑定了多少次；点击事件触发时就会执行多少次。（作为小白的我 这个机制把我坑惨了  >_< ） 解决方法：  在绑定事件前先解绑事件就能成功解决这个问题。 $("#id").unbind();  $('#id').click(function() { });...
jQuery click事件多次执行问题
杨小柒的博客
05-24 2068
jQuery click事件多次执行问题的解决前几天遇到的一个问题：有一个列表页面，每个item中都有相同的三个按钮，第一次点击其中一个按钮的时候—正常，第二次点击它的时候发现执行了两次，再点击一次？三次……我查了文档，click事件不是代替之前的function而是继续添加，就像是一个数组般的。 解决方法：在添加click事件时先解绑之前的click事件（unbind方法），或者在click事件
jQuery的click函数多次执行问题
梦否
02-11 527
在使用，如下： var confirm = $("#"+confirmButtonID); var cancel = $("#"+cancelButtonID); confirm.click(function(){ console.log("confirm del btn click."); // 取消按钮的事件: 1. cover隐藏; 2. 该pannel的隐藏; $("#"+coverID).hide("normal"); $("#"+pannelID).hide("normal"); de
Jquery on(“click“) 方法绑定事件后执行多次解决办法
孙三苗的专栏
04-29 4016
一、发现问题 在开发过程中，无意发现页面弹窗按钮的点击事件使用on函数绑定click 时，产生多次请求，从而可能会造成不必要的资源消耗。 举例： 页面按钮： 代码片段： let drBox = $('#choiceDetailPopup'), // 提交 console.log("submitTask start"); drBox.on('click','#submitTask',function(){ console.log("submitTask click"); // 处理自己.
JS事件click调用两次、多次
落霞朝阳七千里，夏雨冬雪九万顷
06-18 4372
JS事件click调用两次、多次 昨天项目中遇到一个问题：场景：打开弹窗页面，点击按钮动态对表格添加一行，关闭弹窗之后再打开弹窗，点击按钮就出现了直接添加两行，
jquery click点击一次执行多次解决方法
老蔡学代码
12-10 3526
问题: 假如我添加了3次,点击其中一个移除按钮的时候总是出现3次确认框. 假如我添加了5次,点击其中一个移除按钮的时候总是出现5次确认框. 烦都烦死啦~~~   网上找到了一个好的方法：解除绑定，具体使用如下 $('.move_parameter').unbind('click').click(function () { //这里面再执行其它代码就行了. }); 在每...
click事件的累加绑定，一次点击，执行多次
前端很忙
10-04 5517
最近在工作上遇到一个点击事件累加的问题，为元素添加点击事件效果，但是总是效果失败，最后发现点击事件被执行了多次，上网查了一下，下边就是解决这个问题的几种思路 $("#adsCollection_tb .contentDel").on("click",function(){ $(this).each(function(){ var obj_address_name = $(t...
解决重复执行点击事件和重复调用函数
瑰的博客
09-17 2863
在绑定事件前先解绑事件就能成功解决这个问题 在方法前加入:$("buttonEml").unbind(); //解决重复执行事件 <buttonEml type="button" ng-mousemove="removeEmlMD5()" class="btn btn-danger btn-sm">删除</buttonEml> ...
Jquery on("click") 方法绑定事件后执行多次解决办法
weixin_30570101的博客
03-21 305
项目遇到过使用js动态加载内容，同时需要对加入的内容绑定点击事件的，当时想想了想可以使用内联的onclick来实现，后来没有这样做，使用的是on(‘click’,function(){}),然而使用on方法的时候就发现，on 对同一个元素多次绑定同一个事件的时候，这个事件就会执行多次。 1 $(function(){ 2 $(".add").click(f...
uniapp click事件多次点击 settimeout只执行一次
最新发布
07-08
您好！针对在UniApp中出现点击事件多次触发但setTimeout只执行一次的情况，可能是由于事件绑定和执行的上下文问题导致的。为了解决这个问题，您可以尝试使用闭包或者使用事件修饰符来确保定时器的设置和清除在每次点击事件中都能正确执行。 以下是两种可能的解决方法： 方法一：使用闭包 ```javascript export default { methods: { handleClick() { let timeoutId; return function() { // 清除之前设置的定时器 clearTimeout(timeoutId); // 设置新的定时器 timeoutId = setTimeout(() => { // 执行您想要延迟执行的代码 console.log("Delayed code execution"); }, 1000); }; }, }, }; ``` 在上述示例中，通过使用闭包，每次点击事件触发时都会返回一个新的函数，这个函数中包含了timeoutId变量的私有作用域。这样可以确保每次点击事件都有独立的定时器设置和清除。 方法二：使用事件修饰符 ```html <template> <div @click.stop="handleClick"></div> </template> <script> export default { methods: { handleClick() { // 执行您想要延迟执行的代码 setTimeout(() => { console.log("Delayed code execution"); }, 1000); }, }, }; </script> ``` 在上述示例中，使用了`@click.stop`事件修饰符来阻止事件冒泡。这样可以确保只有最后一次点击事件触发了定时器的设置和执行，避免了多次点击导致的重复执行问题。 希望这些解决方法对您有所帮助！如果您还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值