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

最新推荐文章于 2024-01-05 16:02:54 发布

原创最新推荐文章于 2024-01-05 16:02:54 发布 · 3.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#js #绑定事件 #执行两次

本文介绍了解除已绑定到元素上的点击事件的方法。只需使用.off()方法即可轻松完成解绑。

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

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

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sensormsg

关注关注

5
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

关于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

2529

主要解决了在开发时遇到键盘按下被多次触发，键盘按下抬起事件被频繁触发导致的一系列问题。

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...

uniapp监听扫码枪键盘事件|无输入框式监听

tcy9099的专栏

10-19

8973

一般的扫码枪通过USB或蓝牙连接手机或电脑，充当的是一个外接设备。当扫码后，扫码枪会自动识别内容，然后向连接的电脑或手机发送键盘事件keydown或keyup。

关于addEventListener触发多次

weixin_43645543的博客

04-29

4509

解决addEventListener点击一次触发多次的方法之前项目需要引用后端的jsp,所以遇到了这个问题原本代码： window.addEventListener("submit", function( event ) { alert('xxxx') }); 点击一次，绑定一次触发一次，再点击，再绑定触发两次现在代码： window.onsubmit=function(event...

JS 弹出的DIV框中KeyUp被执行多次

08-22

2014

问题：在一个dialog中的文本输入框定义keyup事件，第一次正常，关闭该dialog后，再打开dialog，按键后keyup事件被执行两次，关闭再打开事件被执行3次，依次类推解决办法：在dialog绑定keyup事件之前，先清除下之前绑定的keyup事件 $("#selector").unbind('keyup'); $("#selector")...

Key管理设备按键事件

casey的博客

02-08

2871

Key管理设备按键事件

js 点击事件执行两次的情况（待补充）

mtgaogao的博客

06-30

2838

1.事件冒泡造成的点击事件执行两次什么是JS事件冒泡在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。解决办法：event.stopPropagation( )； 2.点击事件嵌套在方法里导致的解决办

js(jquery)的on绑定点击事件执行两次的解决办法—不是事件绑定而是事件冒泡

chencai56的博客

08-01

1936

转载了一位大神关于这个问题的解释，记住以下便于以后查找，也方便同行们参考遇到的问题：jquery中用.on()给页面中新加的元素添加点击事件时，点击事件源，绑定的事件执行两次，这里的alert会执行两次，相应地数组删除也执行两次，具体代码如下（其中.tabDel是页面加载之后新生成的元素，故不能用普通的$(‘.tabDel).click(function(){})的方法添加点击事件）： ...

JavaScript事件绑定方式详解与执行机制

1. **`on` 方法**：这是早期的传统绑定方式，但仅能用于一次事件处理。这种方式的局限性在于它不支持事件委托，且在现代浏览器中不推荐使用。 2. **`addEventListener`**：这是一个更现代且灵活的方法，支持在单个...