鼠标单击双击右击事件

最新推荐文章于 2023-07-26 18:02:10 发布

小小新9527

最新推荐文章于 2023-07-26 18:02:10 发布

阅读量325

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_50964329/article/details/126096216

版权

        <div
          @dblclick="checkFile(item)"
          @click="single(item, index)"
          @click.right="showVisible($event, item, index)"
          class="margin-8"
          :class="item.isChecked ? 'active-file' : 'folder'"
          v-for="(item, index) in folderList"
          :key="index"
        >
          
        </div>


const time = ref(300); //300以上，双击才生效
let timeOut = null;
//单击文件夹
function single(item, index) {
  clearTimeout(timeOut);
  timeOut = setTimeout(function () {
    ....
  }, time.value);
}

//双击文件夹
function checkFile(item) {
  clearTimeout(timeOut); // 清除第二个单击事件
  ....
}