vue中给元素同时绑定单击事件&&双击事件

最新推荐文章于 2024-09-11 17:21:03 发布

DQ1005

最新推荐文章于 2024-09-11 17:21:03 发布

阅读量1.6k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/DQ1005/article/details/95333765

vue 专栏收录该内容

3 篇文章

订阅专栏

博客主要围绕Vue中给元素同时绑定单击事件和双击事件展开，在Vue开发里，有时需要元素能响应这两种不同操作，掌握绑定方法可提升前端交互效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

            // 网元图标的单击&&双击处理事件
            window.count = 0;
            window.timer = null;
            clickAndDbclick(id,typeId){
                window.count++;
                if (window.timer == null) {
                    let that = this;
                    window.timer = setTimeout(function () {
                    if (window.count > 1) {
                        // 双击事件
                        that.moreInfo(id,typeId);
                        window.timer = null;
                    } else {
                        // 单击事件
                        that.showNeHealthOverviewData(id,typeId);
                        window.timer = null;
                    }
                    window.count = 0;
                    }, 250)
                }
            },