A-A+

解决javascript中click与dblclick事件冲突办法

2016年01月27日 前端设计 暂无评论 阅读 6 views 次

解决javascript中click与dblclick事件冲突办法,有需要的朋友可参考一下.

由于我们只需要屏蔽一次 click 事件即可,由此联想到,可以利用 setTimeout() 方法来延时完成 click 事件的处理,在需要停止 click 的时候利用 clearTimeout() 方法停止这一事件的处理,这样,就可以比较容易的写出如下的 javascript 代码:

  1. var timer = null;   
  2. $('button').live('click', function(event){       
  3. timer && clearTimeout(timer);       
  4. timer = setTimeout(function()  
  5. {           
  6. console.log(event.type);       
  7. },300); }).live('dblclick', function(event){       
  8. timer && clearTimeout(timer);       
  9. console.log(event.type);   
  10. });  
标签:

给我留言