Jq 事件监听重复执行（解决办法）

白沙王

于 2024-01-16 21:34:20 发布

阅读量548

点赞数 5

文章标签： jquery

本文链接：https://blog.csdn.net/weixin_50784508/article/details/135635936

版权

举例，在进行删除操作时，我们先对删除按钮进行监听，首次删除正常，但在删除第二次是，事件绑定会执行两次，将上次删除命令再次执行，等于第二次点击删除按钮时会执行两次删除命令，产生原因，是因为第一次点击删除按钮时，这次点击已经绑定到事件监听中；

解决方案，在执行监听事件代码中第一句代码解除事件的绑定，执行新的绑定

//执行删除操作
            $(".btn").on("click", function () {
                //移除之前的事件绑定
                $(this).off("click");
                if ($(this).text() == '确定') {
                    Del(input);
                }
                $("#confirm").css("display", "none");
            });