首页 > web前端 > js教程 > 正文

JavaScript学习笔记(6) 通过延迟触发使onDbClick时不触发onClick事件

黄舟
发布: 2016-12-19 17:36:24
原创
1689 人浏览过

在默认的情况下,双击事件时是要触发单击事件的,但是这种情况有时候却是我们不想要的,那么如何才能在双击的时候屏蔽单击事件的触发呢?网上流传一种延迟执行的方法,大致思路如下:
  1、声明一个全局的计时器变量如:clickTimer
  2、在代理单击事件里设置计时器,默认220毫秒之后触发真正的单击事件处理函数
  3、在双击事件里判断计时器变量,如果该变量不为NULL,则说明在触发该双击事件前触发了单击事件,取消计时器,因为真正的单击事件处理函数在220毫秒之后才会触发,所以在这个时候结束定时器,则真正单击事件处理函数不会被执行。

附上代码:
 1var timerClick=null;   
 2//单击事件代理
 3function _onNodeClick(id){
 4    //onNodeClick才是真正的单击事件处理函数
 5  timerClick=window.setTimeout("onNodeClick('"+id+"')",220);   
 6 }
 7//双击事件处理函数
 8function _onNodeDbClick(id){   
 9  if(timerClick){   
10      window.clearTimeout(timerClick);  
11     }   
12}

以上就是通过延迟触发使onDbClick时不触发onClick事件的内容,更多相关内容请关注PHP中文网(www.php.cn)

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!