vue3 解决双击与单击事件的冲突

最新推荐文章于 2024-10-11 10:19:58 发布

*初级小白*~

最新推荐文章于 2024-10-11 10:19:58 发布

阅读量2.9k

点赞数

分类专栏：项目实战遇到的问题 vue 文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/ScumStudy/article/details/126194049

版权

vue 同时被 2 个专栏收录

36 篇文章 3 订阅

订阅专栏

项目实战遇到的问题

25 篇文章 0 订阅

订阅专栏

这段代码展示了如何使用JavaScript实现单击和双击事件的处理。通过设置定时器，当单击事件发生后，如果在指定时间内再次触发点击，则视为双击。单击事件在400毫秒后执行，而双击则立即打印消息。这个机制常用于区分用户的一次快速连续点击和一次有意的双击操作。

摘要由CSDN通过智能技术生成

let timer = null;
//单击事件
const click=()=>{
	clearTimeout(timer); //清除未执行的定时器
        timer = setTimeout(function () {
            console.log('单击'); //单击要执行的事件处理
        }, 400);
}
//双击事件
const doubleClick=()=>{
	clearTimeout(timer); //清除未执行的定时器
      console.log('双击'); //双击要执行的事件处理

}