jquery中click被执行两次的解决办法

最新推荐文章于 2021-08-06 13:02:03 发布
原创 最新推荐文章于 2021-08-06 13:02:03 发布 · 1.1w 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery #function #button #input

本文解决了一个在JavaScript中使用按钮触发事件时，事件意外触发多次的问题。通过使用`.unbind()`方法来移除事件绑定，可以有效避免此类问题。文章详细介绍了问题现象、原因分析以及解决方案。

    <input id="dj" type="button" value="点击" " />

    $(function ()
    {

        $("#dj").click(function ()
        {

            alert(3);


        });
    });

弹出了两次“3”，这个问题的解决办法如下：

    $(function ()
    {

        $("#dj").unbind("click").click(function ()
        {

            alert(3);


        });
    });

 

jQuery Trigger函数执行两次的解决方法
CgbAutoit的博客
09-30 272
函数触发一个事件时，有时会发现该事件被触发了两次。这可能是因为事件处理程序（event handler）被绑定了两次，导致事件触发两次。另外，如果你使用了命名空间（namespace）来绑定事件处理程序，那么在解绑事件处理程序时，也要指定相应的命名空间。函数解绑事件处理程序时，确保传入的事件类型与之前绑定的事件类型一致。函数时会遇到一个问题，即事件会被触发两次。解决这个问题的方法是在绑定事件处理程序之前，先解绑已有的事件处理程序。函数解绑已有的事件处理程序，然后再重新绑定事件处理程序，可以解决。
JQuery中的click重复执行现象
weixin_30492047的博客
08-03 190
现象： 用jquery绑定的click事件，在第一次执行的时候执行了一次，在第二次执行的时候执行了两次，依次类推。。。第n次执行的时候，执行了n次。 原因： jquery绑定的click事件会在原基础的基础上进行追加，第二个click事件会追加到第一个click事件上，所以执行了两次 解决方法： 在进行click事件之前，对上一个click事件进行解绑。 代码如下： $(".aa...
jquery click点击一次执行两次
素味平生的博客
08-20 2400
错误描述：在页面内触发点击事件，调用了两次js，代码重复执行， 排查结果：click事件点击了一次执行了两次 解决方案：click 和 on 两种写法 $('.btn').unbind('click').click(function(){ console.log("在触发点击事件之前先把之前绑定的点击事件解除掉") }) 或者 $('.btn').off().on('clic...
jQuery添加的事件被多次执行的解决方案及分析
来自菜鸟的摸索
07-27 1768
jQuery添加的事件被多次执行 在学习jQuery的过程中，发现自己的一个小例子出现了一些问题。单个button的click时间被多次重复执行。 解决方案在文章下方 案例分析 具体需求是， 根据一个数组中的数据给页面上添加节点，节点需要添加监听。 我的处理方式 //此方法为添加操作的监听方法 ， 可以给页面上的table中添加一条数据 let $addTableItem = function (data){ let table = $("#table"); table.append($g
ajax原生为什么else会执行2次,为什么这里的alert会执行2次？
weixin_35725559的博客
08-06 310
看了一下别人的评论，综合了一下，我觉得，这个问题的产生不是由于事件冒泡，而是由于label标签的使用(而且我觉得楼主这段代码$(this).parent('.toggle').siblings('.toggle').children('label').children('span').removeClass('input-checked');可以不用写呀。)。可以通过以下方式证明：1.证明不是事件...
Jquery on事件执行两次
YUMMY_PIG的博客
11-29 875
$(function(){ $("#a").on("click", function() { alert（a）； }）； }）； 弹出两次“a”，这个问题的解决办法如下： $(function(){ $("#a").unbind("click").click(function (){ alert（a）； }）； ...
JQuery 给元素绑定click事件多次执行的解决方法
10-25
本篇文章将详细介绍如何解决jQuery中元素click事件多次执行的问题。 首先，我们需要理解jQuery中的事件绑定机制。jQuery提供了`.on()`方法来绑定事件，例如： ```javascript $("#sdfsd").on("click", function(e) ...
jquery trigger函数执行两次的解决方法
11-24
本文实例讲述了jquery trigger函数执行两次的解决方法。分享给大家供大家参考，具体如下： 一、问题如下： 有如下代码： <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&...
Jquery on方法绑定事件后执行多次的解决方法
11-24
这两天工作中遇到使用js动态加载内容，同时需要对加入的内容绑定点击事件的，当时想想了想可以使用内联的onclick 来实现，后来没有这样做，使用的是 on(‘click’,function(){}) ,然而使用on方法的时候就发现，on 对...
解决jquery绑定click事件出现点击一次执行两次问题
star的博客
10-24 1万+
问题定位：通过浏览器F12定位到点击一次出现两次调用。 问题复现： $("#mail_span").on("click",function(){         if($(".treeselect").children(".treeselect-up").css("display")=="none"){             treeSelectClick();           
click点击一次，执行多次的bug
热门推荐
GSCurry的博客
05-13 2万+
问题最近做项目为一个添加按钮绑定点击事件，很简单的一个事情，于是我按照通常做法找到元素，使用JavaScript的addEventListener()方法为元素绑定了点击事件，点击同时发送请求。 完成后看效果，第一次点击没有问题。再一次点击后发现发送了两次请求，后面再点击发现请求的数量越来越多。
点击click触发两次事件解决办法
张先生
07-31 8231
在某个按钮绑定了单击事件，点击却触发两次事件请求， 1.（点击div触发两次事件）--解决办法 例： $("#btn").click(function(e){ e.stopPropagation(); //表示阻止向父元素冒泡 e.preventDefault(); //阻止 方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交或者a标签）。 }); ...
js onclick事件点击一次执行两遍问题
wugezi的博客
02-19 3718
在JQuery中存在unbind()方法，这样写就搞定了 $("#myorder_ul2 li").unbind('click').click(function(){ //此处填写逻辑代码 })
click点击一次，执行多次的bug的问题
子非鱼的博客
05-09 868
转载原文地址：https://blog.youkuaiyun.com/myth_g/article/details/78161392 最近做项目为一个添加按钮绑定点击事件，很简单的一个事情，于是我按照通常做法找到元素，使用JavaScript的addEventListener()方法为元素绑定了点击事件，点击同时发送请求。 完成后看效果，第一次点击没有问题。再一次点击后发现发送了两次请求，后面再点击发现...
jquery的on绑定点击事件执行两次的解决办法
lijingjingjing22的博客
05-08 657
1、在用 on 绑定 click 事件之前，对该事件解绑， $('.right').off('click','.tabDel').on('click','.tabDel',function(){ }); 2、在on绑定的click事件执行之后进行解绑，用unbind()， $('.right').on('click','.tabDel',function(){ }); $('.right .tabDel').unbind('click');
jQuery点击click触发两次事件解决办法
搬山境KL攻城狮的修炼手册
11-19 1939
jQuery点击click触发两次事件解决办法 方法一、阻止默认行为 $("#myDiv").click(function(e){ e.stopPropagation(); //表示阻止向父元素冒泡 e.preventDefault(); //阻止 方法阻止元素发生默认的行为（例如，当点击提交按钮时阻止对表单的提交或者a标签）。 }); 方法二、取消默认行为 $("#myDiv").unbind('click').click(function(){ // 业务逻辑 }); ...
jQuery中两个不同ID调用同一函数的实现方法
因此，更优的解决方案是将这两个不同的ID选择器合并，统一绑定到同一个事件处理函数上。jQuery支持多选择器语法，允许开发者使用逗号分隔多个选择器，从而一次性为多个元素绑定相同的行为。例如： ```javascript $...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值