click事件的累加绑定,绑定一次点击事件,执行多次
2017-10-07 17:53
288 查看
第一种方法是使用jquery的one()方法,为元素绑定一个一次性的事件处理函数,这个事件处理函数只会被执行一次。
第二种方法是在每次绑定点击事件前先解除之前的事件绑定,再为元素绑定事件,类似于先清空,在做操作一样。但你使用bind()方法绑定时,可以用unbind()方法解除绑定。通常我们跟愿意用on()方法绑定事件,因为bind()方法已经不被推荐,那么那么就用off()方法解除事件绑定。
注意:用 on绑定的未来元素,用off解除的时候,后面on 也要跟着一样写。
如:
$("#adsCollection_tb").one("click",function(){ alert("执行"); })
第二种方法是在每次绑定点击事件前先解除之前的事件绑定,再为元素绑定事件,类似于先清空,在做操作一样。但你使用bind()方法绑定时,可以用unbind()方法解除绑定。通常我们跟愿意用on()方法绑定事件,因为bind()方法已经不被推荐,那么那么就用off()方法解除事件绑定。
$("#adsCollection_tb").unbind("click").bind("click",function(){ alert("执行"); }); $("#adsCollection_tb").off("click").on("click",function(){ alert("执行"); });
注意:用 on绑定的未来元素,用off解除的时候,后面on 也要跟着一样写。
如:
$(document).off("click").on("click",".find_p2",function(){ alert("执行"); })
相关文章推荐
- click事件的累加绑定,绑定一次点击事件,累加执行
- js点击事件绑定一次,但是点击却执行了多次
- jquery的事件点击一次执行多次的解决方法
- 移动端禁止点击一次,执行多次事件问题
- click点击一次,执行多次的bug
- click点击一次,执行多次的bug
- jquery 绑定点击事件 多次执行问题
- 在微信公众号开发(微站)过程中用Zepto/jquery的on/live绑定的click事件点击无效(不能执行)
- Ajax绑定事件出现累加状况,出现多次执行状况
- Jquery对象绑定的点击事件执行了多次的原因
- jQuery给一个元素绑定事件前,一次点击会多次触发的问题所在
- click点击一次执行多次的问题
- 关于jquery中 的点击事件,每点一次执行的效果就叠加一次,click是添加点击事件的意思
- Jquery on("click") 方法绑定事件后执行多次解决办法
- jquery Click事件点击一次,执行多次原因之一
- click事件点击一次,执行多次的问题
- JavaScript-父子dom同时绑定捕获冒泡点击事件时执行顺序
- 安卓实战中防止Button的频繁点击多次执行点击事件和点击切换文字
- jquery click点击事件重复执行多次
- jquery绑定click等事件无效解决方法live替代$().click不执行