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

最新推荐文章于 2025-01-23 17:17:58 发布
转载 最新推荐文章于 2025-01-23 17:17:58 发布 · 3.9k 阅读 · 0
文章标签：

#JQuery给元素绑定click事件

本文介绍了一种在jQuery中更新元素点击事件的方法。为了避免事件重复绑定导致的问题，文章推荐先解除原有的点击事件绑定，然后再绑定新的事件处理函数。

原绑定方法： 

$("#sdfsd").on("mouseout",function(e){ ***** });

这种方法只会在原click方法中继续添加新方法； 


解决办法更改绑定方法为： 

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

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


转载：http://www.jb51.net/article/50526.htm

Jquery on方法绑定事件后执行多次的解决方法
10-22
这样，即使之前已经绑定了多次事件处理器，每次也只会保留最后一次绑定的处理器，从而避免事件处理器执行多次的问题。 以文章中提供的示例代码为例： ```javascript $(function(){ $(".add").click(function(eve)...
JQuery 给元素绑定click事件 多次执行
起點ing 的专栏
05-29 794
原绑定方法： $("#sdfsd").on("mouseout",function(e){  *****   }); 这种方法只会在原click方法中继续添加新方法； 解决办法更改绑定方法为： $("#sdfsd").unbind("click").click(function(e){  *****   }); 在绑定新click方法前对元素所绑定的c
jquery click事件，多次执行
ltfgood的专栏
10-22 6897
用jquery绑定一个按钮click事件后，第一次点击后，一切正常，第二次点击，竟然执行两次，以后越来越多， 后来查看文档发现  jquery click  不是 替换原有的function  而是接着添加，所以才会执行次数越来越多。 这有就可以在添加之前 先将按钮 click 函数置空，然 后再添加。 解绑定方法   $("").unbind('click');
jquery 绑定点击事件 多次执行问题
yesicatt的博客
03-13 869
http://www.cnblogs.com/daijinxue/p/6124979.html
jquery click多次触发
rongge2008的专栏
12-17 1162
用jquery  绑定一个按钮click事件后，第一次点击后，一切正常，第二次点击，竟然执行两次，以后越来越多， 后来查看文档发现  jquery click  不是 替换原有的function  而是接着添加，所以才会执行次数越来越多。 这有就可以在添加之前 先将按钮 click 函数置空，然 后再添加。 解绑定方法   $("").unbind('click'); jqu
JQuery 给元素绑定click事件多次执行的解决方法
10-25
总结，解决jQuery元素click事件多次执行的问题，可以采用解绑再绑定、使用命名空间或事件代理等策略。选择哪种方法取决于具体的需求和场景，如是否需要保留其他事件处理器，或者元素是否是动态生成的。正确管理事件...
jquery用 bind 函数给元素绑定点击事件
u010872394的专栏
05-30 3334
$("p").bind("click", function(){ alert( $(this).text() ); });
jq点击事件多次响应_jQuery单击事件触发多次
weixin_39811842的博客
12-20 1815
我试图用Javascript编写视频扑克游戏，以降低其基础知识，但是我遇到了一个问题，其中jQuery click事件处理程序多次触发。它们被附加到用于下注的按钮上，并且对于在游戏过程中第一手下注(仅触发一次)非常有效。但是在秒针下注中，每次按下一个下注或下注按钮都会触发两次点击事件(因此，每次按下正确的赌注量是两次)。总体而言，在按一次下注按钮时，触发单击事件的次数遵循此模式序列的第i个术语用于...
jQuery为元素绑定事件
chenqiuqian的博客
07-27 2964
这是bind链式方法，方法.bind(“事件名字”，事件处理函数).bind(“事件名字”，事件处理函数).bind(“事件名字”，事件处理函数)这个方法跟前面的几个方法有些不一样，这个是给父元素绑定事件，方法父元素.delegate(“事件名字”，“子元素”，事件处理函数)。这是键值对方法，方法.bind({“事件函数”事件处理函数，“事件函数”事件处理函数，“事件函数”事件处理函数})这是bind方法，方法bind(“事件名字”，事件处理函数)；为元素绑定事件的几个方法。...
jQuery事件绑定
Dancefff的博客
05-16 714
jQuery事件绑定
Jquery绑定事件的方法
zybijiso666的博客
08-01 1110
delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。规定当事件发生时运行的函数(监听函数)，可传入event对象，这里的event是jQuery封装的event对象，与原生的event对象有区别，使用时需要注意。添加一个或多个事件处理程序到当前或未来的被选元素。规定只能添加到指定的子元素上的事件处理程序（且不是选择器本身，比如已废弃的 delegate() 方法）。，包含要添加到元素的一个或多个事件，以及当事件发生时运行的函数。
引用jquery库代码的三种绑定事件的方式
最新发布
m0_62923286的博客
01-23 203
【代码】引用jquery库代码的三种绑定事件的方式。
(Jquery)解决通过class操作click函数时点击失效问题
Tuimaohenyouya的博客
04-19 527
解决当点击子类button时，click函数并不执行的情况。
用jQuery动态给class的元素绑定click、blur、keyup.....事件
热门推荐
tongtongsong的博客
07-06 1万+
在添加更多一行的时候所产生的 input 和 button 都是动态生成的，所以不能使用 click，要使用 live (jquery 1.7.2 之后的版本不建议使用 live) 或 oneg:把 $(".Btn").click(function(){});  改为 $(".Btn").live("click",function(){});或者$(".Btn").on("click",funct...
jQuery加载、jQuery选择器、jQuery样式操作、click事件、jQuery索引值、jQuery属性操作、jQuery特殊效果
qq2951890557的博客
07-29 330
jQuery加载： 将获取元素的语句写到页面头部，会因为元素还没有加载而出错，jquery有ready方法解决 JS写法 window.onload = function(){ var div = document.getElementById('div'); alert(div.innerHTML); } JQuery写法 $(document).ready(function() { var $div = $('#div'); alert('jquery:' + $div.html()
$(".class").click(function(){})失效
u012404532的博客
06-12 2641
学习JS与jQuery结合做图片轮播效果，参考别人的代码，使用到了$(".class").click(function(){})，但是别人的demo可以正常运行，自己写的就不生效参考的demo自己写的必须将事件添加到href中去才能生效仔细检查之后,发现是页面加载的问题，所以将js代码移到HTML页面的最下方，就是等待页面元素全部加载后在执行js,问题解决。不过如果一定要将js写在前面，那么可以使...
jquery点击一组相同的class里的某个 添加或移除class
u011493599的专栏
04-30 3249
$(".class").click(function(){         $(this).siblings().removeClass("partner_group_click");//siblings是循环遍历         $(this).addClass("partner_group_click"); }) 获取点击的内容：$(this).text(),获取下标：$(this).
jQuery给多class元素添加点击事件
Lcl1562871004的博客
12-07 1万+
<button class="but1 btn2">按钮</div> 我想给上面的按钮添加点击事件，于是我在jQuery里这样写 $('.btn1.btn2').on('click',function(){ alert('按钮已点击') } 但是经过测试，并没有什么用，经过查询前辈们的经验，我换成了下面这样的写法 $('body').on('click','.but1...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值