码迷,mamicode.com
首页 > 其他好文 > 详细

JQ事件委托导致点击事件多次执行问题

时间:2018-03-03 14:07:45      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:pos   页面切换   post   doc   导致   事件冒泡   管理   class   使用   

起因:最近写网页其中一个模块使用tab切换~每一个tab里都有点击按钮提交事件,刚开始点击提交只执行一次,但是只要我tab切换页面又切换回来该页面,再点击该按钮,我切换了多少次页面,代码提交也会提交很多次;

原因:后来找了一下原因,得知是因为JQ事件委托导致点击事件多次执行的(事件委托是指:利用事件冒泡,指定一个事件处理程序来管理某一类型的所有事件),虽然我页面切换了,但是事件问题还在,所以才会点击一次执行多次;

解决方法:使用off()函数移除之前添加的事件处理程序,就能解决该问题。

eg:

$(document).off().on(‘click‘,‘.recharge  button‘,function(){

  //所执行的代码

});

JQ事件委托导致点击事件多次执行问题

标签:pos   页面切换   post   doc   导致   事件冒泡   管理   class   使用   

原文地址:https://www.cnblogs.com/cyeldxlz/p/8496211.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!