JS判断点击是单击还是双击
JS 判断 还是 点击 双击 单击
2023-09-27 14:22:48 时间
<!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>
相关文章
- 信息论:信息熵(平均编码长度)、条件熵、交叉熵、相对熵/信息增益/KL散度=交叉熵-信息熵、JS Divergence、F-Divergence
- js-判断字符是否为数字
- 【转】JS常用函数整合库 lutils
- js判断 用户是否在钉钉容器里打开页面
- js 判断当前日期时间是否处于某个日期范围
- Node.js:同步异步读写文件操作
- node.js在使用中文时产生乱码怎么解决
- js去除字符串中所有html标签 替换某特殊字符 以及获取URL 参数
- js 判断判断多选表单checkbox
- js 调用父窗口的方法
- CSS & JS Effect – Hero Banner Swiper
- js如何判断访问来源是来自搜索引擎(蜘蛛人)还是直接访问
- JS中如何判断null
- 如何判断微信内置浏览器(JS & PHP)
- js 六种数据类型的区别及bool 转换判断
- jqery和js如何判断checkbox是否选中
- js 控制浏览条位置
- js实现pdf对页面的打印
- JS数组去重
- 正确判断js数据类型 总结记录
- 【JavaScript】js展开运算符(...)你真的了解吗?
- js循环POST提交添加辅助单位
- js 判断字符串中是否包含某个字符串
- JS类型判断typeof PK {}.toString.call(obj)
- js判断数组里是否有重复元素的方法
- js正则表达式,判断字符串是否以数字组结尾,并取出结尾的数字