热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

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

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

  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}



推荐阅读
  • 面向对象编程中的thisthis返回的是一个对象,简单的说就是返回属性或者方法当前所在的对象。WebStorageStorage接口用于在浏览器客户端中存储用户自定义的信息 ... [详细]
  • JS实行机制
    媒介先上一段代码,能够依据本身之前对JS实行机制的明白,举行剖析console.log(scriptstart);setTimeout(function(){console.log ... [详细]
  • 如何使网页自适应电脑屏幕分辨率?
    在1024*768或者800*600的分辨率下可以自动调整成适用于该客户端分辨率的大小。  第一种方法:做一个网页解决问题(长了点)  如果只是因为浏览者改变了浏览器的设置,或者因为浏览器不兼容,使自 ... [详细]
  • 如果讓你不依託任何前端框架(ReactVueAngular等等),純真用Javascript編寫一個網站運用,你還知道怎樣開闢嗎?舉個例子,產物司理讓你完成一個網頁,上面有一張貓咪 ... [详细]
  • UI组件:ext、JqueryEasyUI、miniui、dhtmlx及自定义页面
    这篇博文主要是分析下当前经常使用到的UI组件,他们的效果和功能一般都可以满足我们平常项目使用,但对于较复杂些的项目建议你要斟酌下再决定是否使用ÿ ... [详细]
  • ajax与302响应代码测试_JavaScript:在ajax请求中,如果服务器端的响应是302Found,在ajax的回调函数中能够获取这个状态码吗?能够从ResponseHea ... [详细]
  • JavaScript:json对象简单操作
    js之json对象简单操作1.声明json对象varidCard{no:920766616,nation:汉};varperson{name:张三, ... [详细]
  • 加密你的php源代码,加密你的php源代码错误
    本文目录一览:1、PHP-php源代码加密是怎么做到的 ... [详细]
  • 篇首语:本文由编程笔记#小编为大家整理,主要介绍了eclipse和myeclipse以及安装步骤相关的知识,希望对你有一定的参考价值。 ... [详细]
  • 网上代码看了一堆感觉有点糊涂在这里请教高手如果利用jxl实现希望给个清晰明了的源代码谢谢啊不利用javabean的调用直接在jsp代码中实现客户端用户给该excel文件命名 ... [详细]
  • Java改写重构第2版第一个示例
    《重构:改善既有代码的设计》是一本经典的软件工程必读书籍。作者马丁·福勒强调重构技术是以微小的步伐修改程序。但是,从国内的情况来而论,“重构”的概念表里分离。大家往往喜欢打着“重构 ... [详细]
  • S3C6410LCD控制器1、LCD的种类。LCD(LiquidCrystalDisplay),即液晶显示器,是一种采用了液晶控制透光度技术来实现的彩色 ... [详细]
  • HTML5 sever-sent onmessage方法不执行,怎么回事,求大神指点!做服务器广播,页面接收!
    我想实现HTML5sever-sent实现服务器发送消息,然后页面来获取消息,网上找了好多方法,最终找到了一个能用的,但是消息获取页面不执行onmessage方法,求大神指点!本人用.net写的,代 ... [详细]
  • 游览器中javascript的执行过程(图文)_javascript技巧:1.大多数游览器的组件构成如图在最底层的三个组件分别是网络,UI后端和js解释器。作用如下:(1)网络-用 ... [详细]
  • 关于内核中的jiffies变量,可通过下图解释。在内核中很多函数的参数都是都是以jiffies为单位的,如定时器中mod_timer(&timer,ji ... [详细]
author-avatar
我没资格我不配
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有