美文网首页派大星爱吃小鱼干
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