当前位置：首页 > 资讯 > 技术文档

jQuery防止重复绑定事件的解决方法

时间：2021-08-15 19:35 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery防止重复绑定事件的解决方法

本文实例分析了jQuery防止重复绑定事件的解决方法。分享给大家供大家参考，具体如下： [b]一、问题：[/b] 今天发现jQuery一个对象的事件可以重复绑定多次，当事件触发的时候会引起代码多遍执行。下面是一个click事件被重复绑定的示例:

function reg_button_click(){
  $("#button).click(function(){
    alert("button click");
  });
}
$(document).ready(function(){
  #重复注册3次
  reg_button_click();
  reg_button_click();
  reg_button_click();
  #触发的时候 出现3个alert
  $('#button').click();
});

[b]二、解决方法：[/b] 对于需要重复绑定的场景，再事件注册时候考虑用先unbind 再bind的方法；或者先off 再on

function reg_button_click(){
  $("#button).unbind('click').bind('click',(function(){
    alert("button click");
  });
}
$(document).ready(function(){
  #重复注册3次
  reg_button_click();
  reg_button_click();
  reg_button_click();
  #触发的时候 出现3个alert
  $('#button').click();
});

更多关于jQuery相关内容可查看本站专题：《[url=http://www.1sucai.cn/Special/354.htm]jQuery操作xml技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/497.htm]jQuery拖拽特效与技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/451.htm]jQuery扩展技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/430.htm]jQuery常见经典特效汇总[/url]》、《[url=http://www.1sucai.cn/Special/104.htm]jQuery动画与特效用法总结[/url]》、《[url=http://www.1sucai.cn/Special/75.htm]jquery选择器用法总结[/url]》及《[url=http://www.1sucai.cn/Special/200.htm]jQuery常用插件及用法总结[/url]》希望本文所述对大家jQuery程序设计有所帮助。

全部评论(0)

上一篇：jquery对所有input type=text的控件赋值实现方法
下一篇：jQuery页面图片伴随滚动条逐渐显示的小例子

资讯排行榜
更多>>