jquery 事件 多次绑定，多次触发，怎么清除历史绑定事件

Posted 2020-06-09

Jquery在处理事件的时候有时候会遇到预想不到的结果

如下

<a id="link_foo">Foo</a>
<script type="text/javascript">
    function bindFooClick(){
      $("#link_foo").click(function(){
        console.log("www.vincentguo.cn");
      });
    }
    bindFooClick();
    bindFooClick();
    bindFooClick();
    bindFooClick();
</script>

然后去点击 Foo 这个连接，将会出现4个日志输出

如果不小心这个事件绑定被搞得成倍增长了，那就等着暴掉吧。

所以需要在 bindFooClick 绑定事件前去掉之前的绑定

function bindFooClick(){
      $("#link_foo").unbind("click").click(function(){
        console.log("www.vincentguo.cn");
      });
}

原文地址：jquery 事件 多次绑定，多次触发，怎么清除历史绑定事件
标签：jquery   click   重复   重叠   多次   

智能推荐

• MYSQL 命令行显示乱码 解决方案
• In MySQL, a zero number equals any string
• 【Git 使用笔记】第二部分：基本命令 和 单分支开发
• 【大学四年】怀念那四年的岁月
• 估值十亿美元、1.5亿用户，公司CEO却跑路了