<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>点击判断单击还是双击</title>
</head>
<body>
<p>点击判断单击还是双击</p>
<script>
let p = document.getElementsByTagName('p')[0]
//上一次 的定时器 返回的ID
var lastTapTimeFunc
//上一次时间戳 默认给0
var lastTapDiffTime = 0
const handClick = function () {
let _this = this;
//点击时时间戳
let curT = new Date().getTime()
//上一次时间戳
let lastT = _this.lastTapDiffTime;
//对上一次时间戳重新赋值
_this.lastTapDiffTime = curT
//做差
let diff = curT - lastT
//规定300ms内点击两下判断为双击
if (diff < 300) {
console.log("双击");
//清除上一次单击的定时器ID
clearTimeout(_this.lastTapTimeFunc)
} else {
//定时器id
_this.lastTapTimeFunc = setTimeout(function () {
console.log("单鸡");
}, 300)
}
}
p.addEventListener('click', handClick)
</script>
</body>
</html>
JS判断点击是单击还是双击
2024-09-24
6
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
如何使用JavaScript判断用户点击是单击还是双击。
目录
相关文章
|
4月前
|
JavaScript
前端开发
vue前端下载，实现点击按钮弹出本地窗口，选择自定义保存路径
这个不用代码实现（网上也找不到方法可以调出另存为窗口），更改浏览器设置就可以，否则，现在的浏览器都是默认直接保存到下载路径中
314
3
3
|
4月前
|
JavaScript
|
1月前
|
JavaScript
Java
|
3月前
|
JavaScript
|
4月前
|
JavaScript
|
JavaScript
|
JavaScript
|
JavaScript
|
JavaScript
前端开发
|
JavaScript
热门文章
最新文章
1
你还在使用xshell绿色破解版？
2
前沿 | AI不用地图和GPS也能认路：DeepMind再放大招
3
通过JMX监控Spring Boot应用
4
Aliyun Serverless VSCode Extension v1.9.0 发布
5
LeCun：不要夸大AlphaGo
6
Scala 语言学习之语言基础（2）
7
python---》客户端与服务端的基础（做一个简单的客户端与服务端）
8
程序员讨论 《黑客帝国》 (三) 情感
9
HDOJ 1070 Milk(水题，考英文的)
10
SSD和HDD的pgbench性能对比
1
Rsync 服务端配置
37
2
云计算与网络安全：探索云服务、网络安全和信息安全的交汇点
32
3
LDAP: error code 32 - No Such Object
43
4
基于springboot的留守儿童爱心网站
38
5
[LDAP: error code 34 - invalid DN]
39
6
java: 无法访问org.springframework.context.ConfigurableApplicationContext
21
7
javax.security.auth.login.LoginException: Receive timed out
23
8
javax.security.auth.login.LoginException: Cannot locate KDC
20
9
javax.security.auth.login.LoginException: No CallbackHandler available to garner authentication info
18
10
javax.security.auth.login.LoginException: Checksum failed
19