vue3监听键盘事件

方法一：

1.给按钮绑定事件

2.在onMounted中监听键盘事件，在onUnmounted中销毁监听的键盘事件

onMounted(() => {

  document.addEventListener("keydown", keyboardDownBack, true);

});

onUnmounted(() => {

  document.removeEventListener("keydown", keyboardDownBack, true);

});

const keyboardDownBack = (evt: KeyboardEvent) => {

  if (evt.key === "Q" || evt.key === "q") {

    evt.preventDefault(); //阻止浏览器默认行为

    return handleClear();

  }

};

方法二

1、下载插件，通过插件实现键盘监听事件  npm install hotkeys-js --save

2.  下载成功后  在 文件中引入 Hotkeys：  import hotkeys from "hotkeys-js";

3.  直接使用 hotkeys方法  ，若是用的比较多  可以将这个封装为全局事件

hotkeys('要传入的快捷键，例如F4等', (event, handler)=>{
  event.preventDefault()
  alert('you pressed F5!')  //要调用的方法
});