夏日博客

A-A+

防止onclick事件单击一次触发了两次的问题

2017年10月23日 PHP技术文章 暂无评论 阅读 0 views 次

做了一个简单的onclick加入购物车事件，但在触发的时候却触发了两次，这导致了两次加入购物车的现象，分析了一下原因，是因为自己点击的太快了，从而导致第一次的事件还未结束又开始了第二次的事件，所以解决这样的问题也就不难了，我们只需要在JS中把有效的间隔时间给分开就OK了。

写好的代码就不贴了，我们直接看如下的代码:

  1. var t1 = null;//这个设置为全局  
  2. function myclick(){  
  3.     if (t1 == null){  
  4.         t1 = new Date().getTime();  
  5.     }else{         
  6.         var t2 = new Date().getTime();  
  7.         if(t2 - t1 < 500){  
  8.             t1 = t2;  
  9.             return;  
  10.         }else{  
  11.             t1 = t2;  
  12.         }//www.xiariboke.net  
  13.     }  
  14.     /*自己的代码*/  
  15. }  

这里的 500是2次点击时间差，单位ms，我们可以控制这个时间差来触发点击，如果点击快了，没有在这个时间差里面，就不会产生二次触发的现象。

标签：

给我留言