<!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
45
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
如何使用JavaScript判断用户点击是单击还是双击。
目录
相关文章
|
7月前
|
JavaScript
前端开发
|
1月前
|
数据采集
存储
监控
实现自动化数据抓取：使用Node.js操控鼠标点击与位置坐标
本文介绍了如何使用Node.js和Puppeteer实现自动化数据抓取，特别是针对新闻网站“澎湃新闻”。通过设置代理IP、User-Agent和Cookie，提高爬虫的效率和隐蔽性，避免被网站封锁。代码示例展示了如何模拟鼠标点击、键盘输入等操作，抓取并整理新闻数据，适用于需要规避IP限制和突破频率限制的场景。
92
10
10
|
4月前
|
JavaScript
前端开发
Java
JavaScript内存泄露大揭秘！你的应用为何频频“爆内存”？点击解锁救星秘籍！
【8月更文挑战第23天】在Web前端开发中，JavaScript是构建动态网页的关键技术。然而，随着应用复杂度增加，内存管理变得至关重要。本文探讨了JavaScript中常见的内存泄露原因，包括意外的全局变量、不当使用的闭包、未清除的定时器、未清理的DOM元素引用及第三方库引发的内存泄露。通过了解这些问题并采取相应措施，开发者可以有效避免内存泄露，提高应用性能。
69
1
1
|
4月前
|
JavaScript
Java
|
4月前
|
JavaScript
Java
|
4月前
|
JavaScript
前端开发
|
4月前
|
JavaScript
前端开发
Next js：点击登录显示登录表单，点击注册显示注册表单的功能
本文提供了一个Next.js中使用React状态管理实现点击按钮切换显示登录和注册表单的功能示例，包括创建`authform.tsx`组件和在页面组件中引入使用的方法。
93
0
0
|
6月前
|
JavaScript
定位技术
API
|
6月前
|
JavaScript
|
5月前
|
测试技术
UED
热门文章
最新文章
1
JavaScript链式结构序列化详解
2
为什么 JavaScript 会在移动端中胜出？
3
JavaScript入门
4
JS的正则表达式1
5
node.js入门学习
6
JFinal 参数校验插件扩展，让后台参数校验像js一样方式好用
7
前端 时间个性化 插件 jquery.timeago.js
8
JavaScript基础知识
9
《JavaScript启示录》——1.6 从构造函数创建字面量值
10
JS isNaN()函数
1
JavaScript闭包允许内部函数访问并保留外部函数的变量，即使外部函数执行结束
54
2
js设计模式-观察者模式与发布/订阅模式
72
3
js设计模式-策略模式与代理模式的应用
72
4
深入理解JavaScript中的闭包机制
60
5
使用Vue.js构建交互式前端的技术探索
89
6
使用Node.js构建实时聊天应用的技术指南
132
7
深入理解JavaScript中的事件循环机制
89
8
【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
121
9
JavaScript 数组方法概览
38
10
在JavaScript中，函数原型（Function Prototype）是一个特殊的对象
67