博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
页面单击 双击事件区分
阅读量:7235 次
发布时间:2019-06-29

本文共 653 字,大约阅读时间需要 2 分钟。

hot3.png

点击事件的执行顺序: 

单击(click):mousedown,mouseout,click; 
双击(dblclick):mousedown,mouseout,click , mousedown,mouseout,click,dblclick; 
在双击事件(dblclick),触发的两次单击事件(click)中,第一次的单击事件(click)会被屏蔽掉,但第二次不会。也就是说双击事件(dblclick)会返回一次单击事件(click)结果和一次双击事件(dblclick) 结果。而不是一次双击事件(dblclick)结果和两次单击事件结果(click)。 
如此这般的话,只需消灭掉多余的一次单击事件(click),这个问题就解决了。

具体代码:

var timeFunction = null; 

function click() { 

// 取消上次延时未执行的方法 

clearTimeout(timeFunction); 

//执行延时 

timeFunction = setTimeout(function(){ 

//do function在此处写单击事件要执行的代码 

alert("单击");

},1000); 

}); 

function dbclick() { 

// 取消上次延时未执行的方法 

clearTimeout(timeFunction); 

//双击事件的执行代码 

alert("双击");

}) 

转载于:https://my.oschina.net/u/1051372/blog/318314

你可能感兴趣的文章
win10安装git,打开git bash闪退
查看>>
学习笔记之GitHub
查看>>
Linux内核中断引入用户空间(异步通知机制)【转】
查看>>
5W2H方法
查看>>
LeetCode——9 Java之回文数
查看>>
Mysql字段名与保留字冲突导致的异常解决
查看>>
app_item_property.SET_PROPERTY与set_item_property有什么区别?
查看>>
Basic Tutorials of Redis(6) - List
查看>>
测试计划
查看>>
C# 学习笔记 20170406
查看>>
PHP分页倒序时,需要注意的问题
查看>>
[ZJOI2012]网络
查看>>
一款好看+极简到不行的HTML5音乐播放器-skPlayer
查看>>
计算机视觉——图像匹配(1)
查看>>
使用golang的slice来模拟栈
查看>>
error C2504: 'CRecordset' : base class undefined
查看>>
李涛PS高手之路基础篇(1)
查看>>
学习Oracle数据库入门到精通教程资料合集
查看>>
Linux Shell 教程
查看>>
【补充习题七】积分不等式及定积分性质
查看>>