美文网首页
vue多处使用全局监听键盘事件

vue多处使用全局监听键盘事件

作者: Mcarrot | 来源:发表于2019-12-07 16:55 被阅读0次
多处使用全局监听键盘事件,会出现覆盖的现象
先搞清楚哪个先赋值,哪个后赋值,在后赋值的方法里面获取到先赋值的键位方法
// 先赋值
document.onkeyup = (e) => {
      switch (e.code) {
        case 'ArrowUp':
          this.newPrev()
          break
        case 'ArrowDown':
          this.newNext()
          break
        default:
          break
      }
    }

// 后赋值
const oldKeyup = document.onkeyup
    document.onkeyup = (e) => {
      oldKeyup(e)
      switch (e.code) {
        case 'KeyW':
          this.startPaint()
          break
        default:
          break
      }
    }

相关文章

网友评论

      本文标题:vue多处使用全局监听键盘事件

      本文链接:https://www.haomeiwen.com/subject/mfvugctx.html