当前位置:学会吧培训频道电脑知识学习网页制作Javascript教程JavaScript学习笔记(6) 通过延迟触发使onDbClick时不触发onClick事件» 正文

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

[08-08 00:43:16]   来源:http://www.xuehuiba.com  Javascript教程   阅读:8877
概要:在默认的情况下,双击事件时是要触发单击事件的,但是这种情况有时候却是我们不想要的,那么如何才能在双击的时候屏蔽单击事件的触发呢?网上流传一种延迟执行的方法,大致思路如下: 1、声明一个全局的计时器变量如:clickTimer 2、在代理单击事件里设置计时器,默认220毫秒之后触发真正的单击事件处理函数 3、在双击事件里判断计时器变量,如果该变量不为NULL,则说明在触发该双击事件前触发了单击事件,取消计时器,因为真正的单击事件处理函数在220毫秒之后才会触发,所以在这个时候结束定时器,则真正单击事件处理函数不会被执行。附上代码: 1var timerClick=null; 2//单击事件代理 3function _onNodeClick(id){ 4 //onNodeClick才是真正的单击事件处理函数 5 timerClick=window.setTimeout("onNodeClick('"+id+"')",220); 6
JavaScript学习笔记(6) 通过延迟触发使onDbClick时不触发onClick事件,标签:javascript视频教程,javascript教程下载,http://www.xuehuiba.com

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


Tag:Javascript教程javascript视频教程,javascript教程下载电脑知识学习 - 网页制作 - Javascript教程
Copyright 学会吧 All Right Reserved.
在线学习社区!--学会吧
1 2 3 4 5 6 7 7 8 9 10 11 12 13