Jquery on方法绑定事件后执行多次

最新推荐文章于 2022-04-29 16:52:01 发布
转载 最新推荐文章于 2022-04-29 16:52:01 发布 · 647 阅读 · 0
文章标签：

#Jquery  #触发多次 #重复加载 #绑定事件 #解绑 

借用一张图，说明问题

解决：在$("#"+id).on('click'或者'change',function () {}等等方法的触发之间之前先解绑

$("#"+id).off("change");
jQuery事件绑定方法on()导致事件多次执行的问题
2301_79325657的博客
09-30 585
另外，如果只需要事件在首次触发时执行一次，可以使用one()方法来绑定事件，它会自动解绑事件处理程序。在jQuery中，可以使用on()方法来绑定事件，该方法可以绑定多个事件类型，并且可以对动态添加的元素生效。在以上示例中，首先使用on()方法绑定了一个点击事件，然后使用off()方法解绑了该事件。如果确定事件被重复绑定了，可以使用off()方法先解绑事件，然后再重新绑定。下面是一个简单的示例，演示了如何使用on()方法绑定事件，并使用off()方法解绑事件，以及使用one()方法绑定只执行一次的事件。
JQuery的on事件多次触发问题
Calla_Lj的博客
12-06 1802
Jquery的on事件多次触发问题 问题描述: 代码如下: <!-- 结构 --> <div class="content"> <div id='result'></
【jQuery】on注册事件的时候处理函数自动运行
生息之地
09-03 558
$(document).ready(function(){ var Circle={ x:405, y:305, Radius:300 }; var arr=new Array();//存放event var rangeArr=new Array();//存放区间 $("#createEvent").on("c
解决jquery使用on()方法绑定事件被执行多次的问题
web前端开发
03-21 934
jQuery用on()方法绑定了事件之后，在代码执行过程中，可能会遇到事件被多次执行的情况。本来以为是事件冒泡的问题，后来发现是on()方法的特性引起的问题。简单还原一下问题的场景这里简单...
Jquery on方法绑定事件后执行多次的解决方法
10-22
然而，在某些场景下，比如动态添加元素到DOM中并给这些元素绑定事件时，我们可能会遇到事件绑定多次的情况，即同一个事件处理器被重复执行多次。这通常是因为DOM元素在绑定事件时已经存在，且之前的事件处理器仍然...
JQuery给元素绑定click事件多次执行的解决方法
10-25
然后，`click`方法重新绑定新的事件处理函数，这样即使代码被多次调用，也只会有一个事件处理函数存在，避免了多次执行的问题。 然而，`unbind`方法会完全移除指定类型的事件，如果你有多个功能不同的`click`事件...
JQuery 给元素绑定click事件多次执行的解决方法
12-11
原绑定方法： $("#sdfsd").on("click",function(e){ ***** }); 这种方法只会在原click方法中继续添加新方法； 解决办法更改绑定方法为： $("#sdfsd").unbind("click").click(function(e){ ***** }); 在绑定新click...
Jquery on(“click“) 方法绑定事件后执行多次解决办法
孙三苗的专栏
04-29 4146
一、发现问题 在开发过程中，无意发现页面弹窗按钮的点击事件使用on函数绑定click 时，产生多次请求，从而可能会造成不必要的资源消耗。 举例： 页面按钮： 代码片段： let drBox = $('#choiceDetailPopup'), // 提交 console.log("submitTask start"); drBox.on('click','#submitTask',function(){ console.log("submitTask click"); // 处理自己.
Jquery on绑定的事件 触发多次实例代码
11-26
用‘on’函数为一个新增的按钮绑定了一个事件，这是事件会触发多次。 <html> <head> <meta name="viewport" content="width=device-width" /> <title>码上飘</title> [removed][removed] [removed] $(function(){ $('#btn1').click(function () { $('#btnBind').o
jquery on()事件多次调用解决办法
Sunny__wei的博客
09-12 2281
今天闲的没事 写了个时时监控input框的组件，在用on() 方法进行绑定change事件时发现出现多次调用的情况。 现在说说自己的解决方法，和大家分享一下： var validators = function() { $(document).on("change","[validator]",function() { con...
jq使用on()方法绑定事件被执行多次的问题
m0_49016709的博客
04-14 666
jq中用on()方法绑定了事件之后，在代码执行过程中，可能会遇到事件被多次执行的情况。 <input id="bindEventBtn" type="button" value="给按钮绑定事件的按钮" /> js代码 $(function(){ $(‘#bindEventBtn‘).click(function () { $(‘#noEmotionBtn‘).on(‘click‘, function () { alert('绑定了事件');
Clipboard.js 跳出多次复制成功的问题及其解决
热门推荐
qq_33285313的博客
11-16 1万+
本人用的vue.js 基本使用 参考 https://clipboardjs.com/          自己的代码     <button class="acctnobtn" data-clipboard-text="Just because you can doesn't mean you should — clipboard.js!">         C
Ajax绑定事件出现累加状况，出现多次执行状况
心若向阳
05-06 2210
绑定事件多次触发，在绑定事件前，先解除原先的数据
jQuery事件绑定详解：bind()方法
此外，`$(document).ready()`方法可以多次调用，每个处理函数都会按照注册的顺序依次执行，不会像`window.onload`那样被覆盖。 总结来说，jQuery的事件绑定机制是其强大之处，它简化了JavaScript中事件处理的复杂性...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值