原文：关于js中点击一次触发两次事件
在实现项目中的一个评论功能时，即： 点击 评论一下 按钮时，弹出添加评论的富文本编辑器，同时 评论一下 的功能变成 取消评论 ,这时再点击这个取消评论，就会回到当初那样。可反复点击改变状态。 在实际的操作中发现并非如此，点击之后状态未改变，在控制台查看输出发现一次点击触发了两次事件。 js代码如下： 后来通过阻止冒泡，阻止默认事件都不行，解决不了，最后用了unbind 方法就可以了。 特此记录一下 ...
2020-06-28 21:11 0 3709 推荐指数：
相关推荐
是一次点击，被检测到了两次，简单打印一下log，果然是这样的。 解决办法： 1. 使用Fixed ...
解决办法一： 将button标签换成a标签 问题代码： <span class="submitBtn" @click.stop="replyRe ...
javascript 点击事件执行两次js问题 在JQuery中存在unbind()方法，先解绑再添加点击事件,解决方案为： ------ 因为利用js在页面加载后添加需要点击事件的代码，发现在点击后会代码会执行两次，因为有toggle效果，导致弹窗出现又很快丢失 查 ...
今天帮群里的朋友看一段代码的时候偶然间遇到一个label的坑，点击label的时候，监听的click事件被执行两次； 具体代码如下： 在控制台我们可以看到： 触发的事件源分别为input和label； 触发条件很简单： 1、监听的是label和input的上层元素 ...
问题描述： 通常，为了用户体验，我们点击单选框或者复选框后面文字，即可选中当前项。代码如下： <label> <input type="radio" name="sex" />男 </label> <label> <input type ...
问题描述： 通常，为了用户体验，我们点击单选框或者复选框后面文字，即可选中当前项。代码如下： 但是，此时，如果label标签有点击事件，则会触发两次。 问题原因： 点击label的时候，事件冒泡一次，同时会触发关联的input的click事件，导致事件再次冒泡 解决办法 ...
有时候点击一个div或者其他元素出现两次事件，解决办法如下： $("#myDiv").click(function(e){ e.stopPropagation(); //表示阻止向父元素冒泡 e.preventDefault(); //阻止 方法阻止元素发生默认的行为 ...