vue 鼠标右键按下两秒后触发

你要多照镜子

已于 2023-07-15 10:23:05 修改

阅读量185

点赞数

文章标签： vue.js javascript 前端

于 2023-07-11 09:16:32 首次发布

本文链接：https://blog.csdn.net/weixin_45270158/article/details/131652648

版权

该代码段定义了一个名为setUse的函数，它在mousedown事件触发时开始计数，每秒增加计数。如果计数达到2且鼠标未抬起(isUp为false)，则调用presetSend函数。当mouseup事件发生时，会移除监听器，停止计数并清除定时器。

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

    setUse(index, type) { // mousedown事件
      let count = 0
      let isUp = false
      const timer = setInterval(() => {
        count++
        if (count >= 2 && !isUp) {
          this.presetSend(index, type) // 按时两秒后执行
        }
      }, 1000)
      const mouseupFn = () => { //鼠标抬起后注销抬起事件，清除定时器
        document.removeEventListener('mouseup', mouseupFn)
        isUp = true
        clearTimeout(timer)
      }
      document.addEventListener('mouseup', mouseupFn)
    }