当前位置: 首页 > news >正文

js 如何判断是否是双击

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><body><div class="dom">双击</div><script src="./js/3.js"></script></body>
</html>
const div = document.querySelector('.dom')let clickTime = 0; //记录点击的时间div.addEventListener('click',()=>{// 记录第一次点击的时间if(clickTime === 0){clickTime = new Date().getTime()}else{// 第二次点击是否在规定时间内 才算点击 这里设置 500 msif(new Date().getTime() - clickTime < 500){console.log('双击了');}else{// 如果没有在规定时间内点击 第二次点击 将重置第一次点击的时间clickTime = new Date().getTime()}}
})

http://www.mrgr.cn/news/68475.html

相关文章:

  • AG32( MCU + FPGA)实现多串口(15个UART)的应用
  • 群控系统服务端开发模式-应用开发-本地上传工厂及阿里云上传工厂开发
  • 使用PyQt5设计一个简易计算器
  • Java SPI机制简单讲解
  • Linux grep 使用正则表达式说明
  • 【系统架构】如何演变系统架构:从单体到微服务
  • 三维扫描建模对文博行业有什么影响?
  • 如何使用函数模板和类模板?模板的优点是什么?
  • 自然常数e的发现
  • RocketMQ延迟消息机制
  • 【Android 系统中使用CallStack类来追踪获取和操作调用栈信息】
  • windows server和sqlserver的版本更新
  • 扩展坞映射名称
  • MySQL DATETIME 和 DATE
  • linux基础理解和使用 iptables 防火墙
  • AssertionError: weight model.layers.0.self_attn.q_proj.weight does not exist
  • 十七:Spring Boot (2)-- spring-boot-starter-web 依赖详解
  • godot--自定义边框/选中时样式 StyleBoxTexture
  • 项目管理必备的5款项目管理软件
  • 海南华志亿星电子商务有限公司赋能抖音商家成长
  • 一款绘制3D架构图的在线神器,iCraft Editor
  • redis 原理篇 21 网络模型 IO多路复用 poll
  • 探索呼叫中心的奥秘:从基础到前沿进展
  • redis 原理篇 25 网络模型 信号驱动IO 及 异步IO
  • wordpress搬家迁移后怎么修改数据库用户名
  • TEMU测评:在挑战与机遇中寻求突破