美文网首页
VUE:【键盘】按键及组合键绑定事件

VUE:【键盘】按键及组合键绑定事件

作者: 喜欢走弯路的人 | 来源:发表于2023-01-15 15:42 被阅读0次

一、单键绑定

单键绑定示例

mounted() {

    const that = this;

    document.addEventListener('keydown', that.handleWatchEnter);

  },

  methods: {

    handleWatchEnter(e) {

      var key = window.event ? e.keyCode : e.which;

      console.log(key);

      if (key === 13) {

        // 这里执行相应的行为动作

        console.log('++++');

      }

    },

}


二、组合键绑定

1、安装依赖:

npm i keymaster -S

2、script中引入

import key from 'keymaster'

3、示例

 示例一:给按键 A 绑定快捷键操作事件

key('a', function(){ alert('you pressed a!') });

示例二:ctrl+r绑定快捷键操作事件

key('ctrl+r', function(){ alert('stopped reload!'); return false });

组合键绑定示例

相关文章