click绑定一次点击事件，累加执行_敲代码的疯猫_新浪博客

click事件的累加绑定，绑定一次点击事件，累加执行

最近做了一个H5模仿微信朋友圈的页面，发现一个有趣的问题，我给一个元素绑定click事件，当点击一次的时候执行一次，点第二次就再执行2次，第三次居然再执行3次.....

网上查了资料发现：在页面中为一个元素绑定事件，事件执行后页面未刷新且元素还在，然后你再次点击，元素又被绑定个一次点击事件，这样第二次点击就会执行两次，以此类推。

怎么解决：第一种方法是元素点击后删除，然后再动态创建一个元素，再添加点击事件；

第二中方法是使用jquery的one()方法，为元素绑定一个一次性的事件处理函数，这个事件处理函数只会被执行一次；

1. $("#putMess .dele").one("click",function(){
2. console.log(111)
3. })

　第三种方法是在每次绑定点击事件前先解除之前的事件绑定，再为元素绑定事件，类似于先清空，在做操作一样;

1. $("#putMess .dele").unbind("click").bind("click",function(){
2. console.log(111)
3. });

1. $("#putMess .dele").off("click").on("click",function(){
2. console.log(111)
3. })；

个人建议使用第三种方法，随着JQ的更新发展unbind()已经不推荐大家使用。