jquery click点击一次执行两次

素味平生

于 2019-08-20 18:24:26 发布

阅读量2.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端文章标签： click jquery

本文链接：https://blog.youkuaiyun.com/qq_40701522/article/details/99869696

42 篇文章

订阅专栏

本文探讨了页面中JS点击事件重复执行的问题，分析了click事件被触发一次但执行两次的原因，并提供了两种解决方案：使用unbind和click组合，或off和on组合来避免事件重复绑定。

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

错误描述：在页面内触发点击事件，调用了两次js，代码重复执行，

排查结果：click事件点击了一次执行了两次

解决方案：click 和 on 两种写法

$('.btn').unbind('click').click(function(){
    console.log("在触发点击事件之前先把之前绑定的点击事件解除掉")
})

或者

$('.btn').off().on('click',function(){
    console.log("在触发点击事件之前先把之前绑定的点击事件解除掉")
})