js绑定事件执行两次的原因

最新推荐文章于 2024-01-05 16:02:54 发布
最新推荐文章于 2024-01-05 16:02:54 发布
阅读量3.8k 收藏 3
点赞数 5
CC 4.0 BY-SA版权
文章标签： js 绑定事件 执行两次
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhangqiao8070/article/details/81702401
本文介绍了解除已绑定到元素上的点击事件的方法。只需使用.off()方法即可轻松完成解绑。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

因为之前绑定了的，没有进行解绑操作！一句话解决

$(".element").off('click').click(function(){});只用加个off就搞定了

sensormsg
关注
关于vue中使用js原生onclick事件第一次点击不生效的问题（第二次才开始生效）
m0_52449484的博客
07-21 4349
关于vue使用原生onclick事件第一次点击不生效的问题
Jquery on方法绑定事件后执行多次的解决方法
11-24
这两天工作中遇到使用js动态加载内容，同时需要对加入的内容绑定点击事件的，当时想想了想可以使用内联的onclick 来实现，后来没有这样做，使用的是 on(‘click’,function(){}) ,然而使用on方法的时候就发现，on 对...
js事件执行多次，只执行最后一次
荆轲刺秦王
10-12 1297
可以使用定时器解决！ //写在事件外边，防止被注销 var iTime; /*筛选过滤*/ $('input.column_filter').on( 'keyup', function () { //写在事件内部 clearTimeout(iTime); iTime = setTimeout(function () { ...
js点击事件绑定一次，但是点击却执行了多次
青阳的博客
02-28 5175
造成这样的原因是因为绑定事件会累加，在写js实现分页拿数据时，由于是通过class为元素绑定事件，每当那一页新的数据的时候，就会为该class绑定事件，即造成了事件的累加，解决办法，通过bind（‘click’funtion(){}）来绑定事件，并且在绑定之前现将click事件解绑即通过unbind（‘click’）解绑，或者通过on绑定事件，通过off解绑，但如果该事件只执行一次，可以用one(...
完美解决JS点击一次却触发了两次的解决办法
最新发布
文龙刚的博客
01-05 1685
【代码】完美解决JS点击一次却触发了两次的解决办法。
多个class类相同的元素的点击事件（使用动态加载的）
weixin_44352179的博客
04-16 2951
注意如果类标签是动态加载的，这里则不能用 onclick方法进行绑定，如： //动态添加div标签类 for (var i = 0; i < clini_symlist.length; i++) { $(".father").append('<div class="sym_item">'+i+'</div>' } 使用onclick是不能实现的，点击进不去...
javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
10-21
它们仅在Internet Explorer浏览器中有效，且`this`指向`window`，事件处理函数可以重复绑定，但只执行一次。 5. W3C标准：`addEventListener`和`removeEventListener`，这两个方法适用于所有现代浏览器。它们允许...
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
10-20
当页面上有父子关系的DOM元素分别绑定了多个事件处理器，且这些事件处理器分别在捕获阶段和冒泡阶段时，其执行顺序可能会让人困惑。因此，理解DOM事件的传播机制以及如何控制事件监听的执行顺序对于进行有效和正确的...
JQuery 给元素绑定click事件多次执行的解决方法
10-25
总结，解决jQuery元素click事件多次执行的问题，可以采用解绑再绑定、使用命名空间或事件代理等策略。选择哪种方法取决于具体的需求和场景，如是否需要保留其他事件处理器，或者元素是否是动态生成的。正确管理事件...
键盘按下被多次触发处理详情(javascript)
小白学习html
05-19 2528
主要解决了在开发时遇到键盘按下被多次触发，键盘按下抬起事件被频繁触发导致的一系列问题。
addEventListener 绑定一次执行两次事件的问题解决
weixin_42995152的博客
12-26 4362
一次执行两次事件问题 解决：将 addEventListener 的最后一个参数设置为 true。 原因： true - 事件句柄在捕获阶段执行。 在事件委托中，若设置为 true，则只有 子元素会执行，事件不会冒泡上升给父元素再次执行 false- false- 默认。事件句柄在冒泡阶段执行。 在事件委托中，若设置为 false，则不仅子元素会执行一次，父元素也会执行一次。 this.ul.addEventListener('click', this.selectItem, true)
解决keydown重复触发/提交的问题
爪蛙没有爪的博客
05-23 9436
问题描述：Javascript中keydown会重复触发，导致了重复提交的问题 解决方案: 一、使用keyup事件代替 document.addEventListener('keyup',function(){ //dosomething... })； 该方法在shift+enter等组合键有一定概率不触发的问题，具体看个人操作习惯 二、使用flag变量控制 var flag=false; d...
关于addEventListener触发多次
weixin_43645543的博客
04-29 4509
解决addEventListener点击一次触发多次的方法 之前项目需要引用后端的jsp,所以遇到了 这个问题 原本代码： window.addEventListener("submit", function( event ) { alert('xxxx') }); 点击一次，绑定一次触发一次，再点击，再绑定 触发两次 现在代码： window.onsubmit=function(event...
uniapp监听扫码枪键盘事件|无输入框式监听
tcy9099的专栏
10-19 8970
一般的扫码枪通过USB或蓝牙连接手机或电脑，充当的是一个外接设备。当扫码后，扫码枪会自动识别内容，然后向连接的电脑或手机发送键盘事件keydown或keyup。
Key管理设备按键事件
casey的博客
02-08 2871
Key管理设备按键事件
JS事件click调用两次、多次
落霞朝阳七千里，夏雨冬雪九万顷
06-18 4529
JS事件click调用两次、多次 昨天项目中遇到一个问题：场景：打开弹窗页面，点击按钮动态对表格添加一行，关闭弹窗之后再打开弹窗，点击按钮就出现了直接添加两行，
jquery click点击一次执行两次
素味平生的博客
08-20 2377
错误描述：在页面内触发点击事件，调用了两次js，代码重复执行， 排查结果：click事件点击了一次执行了两次 解决方案：click 和 on 两种写法 $('.btn').unbind('click').click(function(){ console.log("在触发点击事件之前先把之前绑定的点击事件解除掉") }) 或者 $('.btn').off().on('clic...
JavaScript事件绑定方式详解与执行机制
1. **`on` 方法**：这是早期的传统绑定方式，但仅能用于一次事件处理。这种方式的局限性在于它不支持事件委托，且在现代浏览器中不推荐使用。 2. **`addEventListener`**：这是一个更现代且灵活的方法，支持在单个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值