美文网首页派大星爱吃小鱼干
click点击一次,执行多次的bug

click点击一次,执行多次的bug

作者: 程序猿阿峰 | 来源:发表于2019-11-04 09:43 被阅读0次

    累加绑定:在页面中为一个元素绑定事件,事件执行后页面未刷新且元素还在,然后你再次点击,元素又被绑定个一次点击事件,这样第二次点击就会执行两次,以此类推。


    方法一:使用jQuery的one()方法。

    $("#cli").one("click",function(){
        alert(count++);
    });
    

    方法二:配合off()方法解除绑定。

    该方法为元素绑定一个的事件处理函数,再次给改元素添加相同事件时不会累加绑定。

    $("#cli").off("click").on("click",function(){
        alert(count++);
     });
    

    相关文章

      网友评论

        本文标题:click点击一次,执行多次的bug

        本文链接:https://www.haomeiwen.com/subject/yulqbctx.html