`
ycyk_168
  • 浏览: 100629 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

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

阅读更多

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

相关推荐

    [js]javascript事件集合(包有触发事件).pdf

    - 在绑定事件时,注意事件名称的正确性,如`onclick`不应写成`onlick`。 - 事件处理函数最好定义在外部文件中,这样有助于保持HTML结构的清晰,并且在多处可以复用。 - 在使用`window.status`时,需要确保没有在`...

    实例区别onClick和onDBClick两事件方法

    onClick事件是单击事件,只要用户单击一次便会触发,而onDBClick事件是双击事件,需要用户双击两次才能触发。其次,两者的事件处理函数也不同。onClick事件的处理函数通常用于处理用户的单击操作,而onDBClick事件的...

    Java struts html 标签

    - **Ondbclick**: 文本框被双击时触发的JavaScript函数。 - **Onfocus**: 文本框获得焦点时触发的JavaScript函数。 - **Onkeydown**: 按键按下时触发的JavaScript函数。 - **Onkeypress**: 按键被按下且释放时触发的...

    js鼠标事件

    JavaScript(简称JS)是一种广泛应用于网页开发的脚本语言,它可以通过各种事件处理程序响应用户的操作。在众多事件类型中,鼠标事件是非常重要的一类,它们能够帮助开发者捕捉用户在网页上的交互行为,从而实现更加...

    21个JavaScript事件(Events)属性汇总

    2、属性(当这些事件的属性发生时,会触发function{}的函数): 1)onabort:当图像加载被中断时,会引发function内的函数。 2)onbur:当元素失去焦点; 3)onfocus:当元素获得焦点 4)onclick:鼠标点击某个对象 5...

    javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick

    这里给出一段测试代码: [removed] [removed] = function(){ document.getElementById(“test”)[removed] += “keydown ”; } [removed] = function(){ document.getElementById(“test”)[removed] += “keyup...

    《WEB系统开发与设计》(上)课程试卷A.docx

    _WEB 系统开发与设计》课程试卷 A knowledge points ...3. `onClick` 事件是一种鼠标单击事件,在当前网页上单击鼠标时,就会发生该事件。 4. 在 JavaScript 语言中,使用 `alert()` 函数可以弹出警示框。

    FoxitPDFActiveX5.4_Manual用户手册

    包括书签(Bookmark)、表单(Form)、注释(Annotation)、签名(Signature)等,以及如何实现自定义文件获取大小和数据块(CustomFileGetSize和CustomFileGetBlock)、处理点击事件(OnClick、OnDbClick等)、上传...

    电子教鞭程序的设计与实现实验PPT学习教案.pptx

    10. 颜色设置:在Form2的Edit_Color编辑框的OnDbClick事件中,弹出ColorDialog对话框让用户选择颜色,被选颜色由Color属性表示。 11. 关闭设置窗口:在Form2的"设置"按钮的OnClick事件中编写代码,实现关闭画笔设置...

    dreamweaver试题考试题.docx

    10. **事件处理**:在客户端网页中,onClick事件是当鼠标单击元素时触发的;OnDbClick是双击事件;OnMouseOver是鼠标悬停事件。 11. **客户端脚本语言**:JavaScript是最常见的客户端网页脚本语言。 12. **网页...

    易语言一句代码挂接网页事件

    易语言一句代码挂接网页事件源码,一句代码挂接网页事件,onclick,ondbclick,onmousemove,oncontextmenu,onmouseup,onmousedown,onmouseover,onmouseout,onkeypress

    dreamweaver试题及答案.pdf

    12. 事件处理:在客户端脚本中,如JavaScript,常用事件包括onClick(点击)、onDbClick(双击)、onMouseOver(鼠标悬停)等。 13. 浏览网页:使用浏览器(Browser)软件浏览Web网页,如Internet Explorer、Chrome...

    2012 百度腾讯笔试面试经验

    了解常见的DOM事件(如`onmousedown`, `onmousemove`, `onmouseout`, `onmouseover`, `onmouseup`, `onclick`, `ondbclick`, `onkeydown`, `onkeyup`, `onkeypress`等),并能够熟练地使用这些事件处理用户交互。...

    jQuery 实现双击编辑表格功能

    jQuery 是一个非常流行的 JavaScript 库,它简化了 DOM 操作、事件处理以及动画效果等任务。本文将详细介绍如何使用 jQuery 来实现一个双击编辑表格的功能。 首先,我们需要一个基本的 HTML 结构来创建表格。虽然在...

Global site tag (gtag.js) - Google Analytics