Jquery中click事件重复执行的问题

最新推荐文章于 2022-11-21 22:24:37 发布
原创 最新推荐文章于 2022-11-21 22:24:37 发布 · 981 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种解决按钮点击事件多次触发并保留上次值的问题的方法。通过在点击事件前解除绑定，确保了每次点击只触发一次事件。

问题：点提交按钮时，click事件会执行多次。而且会记住上次提交的值！

我的代码是在click里面又加上了一层click，然后记住上次的事件，



然后写了一个方法，每次绑定前先取消上次的绑定，代码如下：

$("#publish").unbind("click").click(function() {


});


最后测试，只弹出了一次。

JQuery 给元素绑定click事件多次执行的解决方法
12-11
原绑定方法： $("#sdfsd").on("click",function(e){ ***** }); 这种方法只会在原click方法中继续添加新方法； 解决办法更改绑定方法为： $("#sdfsd").unbind("click").click(function(e){ ***** }); 在绑定新click方法前对元素所绑定的click方法解绑
JQuery给元素绑定click事件多次执行的解决方法
10-25
主要介绍了JQuery给元素绑定click事件多次执行的解决方法,需要的朋友可以参考下
jQuery的click事件一次点击执行多次的原因与解决办法
zhuimenghou的博客
08-14 4493
在js中，使用了jQuery的$("#id").on(“click”,function(e) {}方法，而且在js中，方法声明如下 function orderCancle() { $("#id").on(“click”,function(e) {} } 而且这个方法在多个ajax返回成功后，被多次调用，即多次执行了 orderCancle() ； 最后点击的时候，出现了点击一次触发多次click事件的结果。查了资料才发现，jquery的click 不是 替换原有的function，而是接着添加。 解决办
JQuery中的click重复执行现象
weixin_30492047的博客
08-03 188
现象： 用jquery绑定的click事件，在第一次执行的时候执行了一次，在第二次执行的时候执行了两次，依次类推。。。第n次执行的时候，执行了n次。 原因： jquery绑定的click事件会在原基础的基础上进行追加，第二个click事件会追加到第一个click事件上，所以执行了两次 解决方法： 在进行click事件之前，对上一个click事件进行解绑。 代码如下： $(".aa...
浅析jquery某一元素重复绑定的问题
10-26
在探讨jQuery中元素重复绑定的问题之前，我们需要了解事件绑定在jQuery中的基本原理。在jQuery中，事件可以通过bind()方法绑定到指定的元素上。比如，当我们使用$('.test').bind('click', function() {...})时，意指...
jquery中的事件处理详细介绍
12-08
下面是对jQuery中事件处理的详细解释： 1. **页面载入完毕响应事件** - `$(document).ready()`事件是jQuery中最关键的事件处理函数，用于在DOM（文档对象模型）完全加载并准备就绪时执行指定的函数。它替代了传统...
Jquery点击事件连续执行多次
lyq8778的博客
09-02 1681
jquery重复执行
jQuery的click函数多次执行问题
梦否
02-11 671
在使用，如下： 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
ajax点击事件click触发两次,Jquery中click事件重复执行的问题
weixin_28235513的博客
08-06 953
Jquery版本1.11.0问题：点击修改链接，在弹出的对话框中，点提交按钮，click事件会执行多次。而用原生js则没有问题。并且提交后，第二次提交后，多个数据都变成一个了。代码如下：点击了多少次修改，点提交时就会alert出多少个222222http://jsfiddle.net/D7eEd/个人认为原因是：click事件里不能包含click事件？不知道是不是这样。为方便查看，附带整个文档Do...
Jquery on(“click“) 方法绑定事件后执行多次解决办法
孙三苗的专栏
04-29 4144
一、发现问题 在开发过程中，无意发现页面弹窗按钮的点击事件使用on函数绑定click 时，产生多次请求，从而可能会造成不必要的资源消耗。 举例： 页面按钮： 代码片段： let drBox = $('#choiceDetailPopup'), // 提交 console.log("submitTask start"); drBox.on('click','#submitTask',function(){ console.log("submitTask click"); // 处理自己.
jquery的click事件一次绑定多次执行解决方案
qq_30434271的博客
11-21 711
今天遇到个奇怪的现象，jsp里对按钮绑定了click事件，但是经过debugger调试，业务代码反复执行，后面排查到是jquery的click事件重复绑定引起的。$.('***元素').unbind('click').bind('click', '***事件')
事件点击重复执行
miss尹先生
02-01 438
1.去除原来绑定监听事件，后在绑定点击事件 $('document').unbind('click').click(function() {             //dosomething  }) 2.阻止事件冒泡 $('document').click(function( event ) {           event.stopPropagatio
click点击事件嵌套中的重复执行问题的根本原因
lonzisng
03-26 1618
问题描述： jQuery的点击事件中嵌套点击事件，当我们重复点击外层点击事件绑定的对象之后，再去点击内层的事件目标对象，我们就会遇到一个内层点击事件重复执行的问题。 （这个问题是在开发后台管理系统的时候遇到的，利用模态框增删改查之后进行确认时出现的问题，以下为一般探索过程，解决办法网上已经有很多，但是至于其真正产生的根本原因，有很多说得并不是很清楚，于是自己探索了一下。） 测试页面如下： ...
JQuery点击事件会重复点击的问题
stfei0的博客
08-30 3699
在用JQuery写点击事件的时候，如果循环动态的调用某个页面，就会很容易出现某个点击事件你点击一次而它自己会执行多次的情况： 对应的解决办法就是对点击事件进行解绑， 也就是在下一次执行的时候对上一次的时间进行解绑，代码如下： $("#itemTable .items .itemUl .itemTitle").unbind('click').click(function () {      
jQuery 防止相同的事件快速重复触发方法
luoxiping1的专栏
05-28 1509
var _timer = {}; function delay_till_last(id, fn, wait) { if (_timer[id]) { window.clearTimeout(_timer[id]); delete _timer[id]; } return _timer[id] = window.setTimeout(function() { ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值