| 订阅 | 在线投稿
分享
 
 
 

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

来源:互联网  宽屏版  评论
2008-11-06 07:15:56

在默认的情况下,双击事件时是要触发单击事件的,但是这种情况有时候却是我们不想要的,那么如何才能在双击的时候屏蔽单击事件的触发呢?网上流传一种延迟执行的方法,大致思路如下:

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}

在默认的情况下,双击事件时是要触发单击事件的,但是这种情况有时候却是我们不想要的,那么如何才能在双击的时候屏蔽单击事件的触发呢?网上流传一种延迟执行的方法,大致思路如下: 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}
󰈣󰈤
 
 
 
>>返回首页<<
 
 热帖排行
 
 
王朝网络微信公众号
微信扫码关注本站公众号wangchaonetcn
 
 
静静地坐在废墟上,四周的荒凉一望无际,忽然觉得,凄凉也很美
©2005- 王朝网络 版权所有