web单双击冲突

最新推荐文章于 2023-03-14 20:02:18 发布

打八阿哥

最新推荐文章于 2023-03-14 20:02:18 发布

阅读量224

点赞数

分类专栏：前端文章标签： javascript jquery html5

本文链接：https://blog.youkuaiyun.com/qq_45457760/article/details/117329314

版权

前端专栏收录该内容

25 篇文章

订阅专栏

代码：

    $(function(){
        var timer = '';
        $(document).click(function(){
            clearTimeout(timer);
            timer = setTimeout(() => {
                console.log("单机");
            }, 300);
        })
        $(document).dblclick(function(){
            clearTimeout(timer);
            console.log("双击");

        })
    })

原理：

设置变量，将定时器赋给变量，将单击事件的逻辑处理放到定时器中，定时器将会在点击后的300毫秒时触发，如果此时触发双击函数，会清除掉变量的赋值，就不会触发单击事件内的逻辑处理，而执行双击事件的逻辑处理。