方法一:
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!') //要调用的方法 });