From 36905233b564f41ca7ef8948a5059cc341211aab Mon Sep 17 00:00:00 2001
From: AkiChase <1003019131@qq.com>
Date: Mon, 6 May 2024 19:08:16 +0800
Subject: [PATCH] fix(KeyBoard): browser hotkey F1~F12

---
 src/components/keyboard/KeyBoard.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/components/keyboard/KeyBoard.vue b/src/components/keyboard/KeyBoard.vue
index c68d2ea..61eeb77 100644
--- a/src/components/keyboard/KeyBoard.vue
+++ b/src/components/keyboard/KeyBoard.vue
@@ -212,6 +212,11 @@ function handleKeyUp(event: KeyboardEvent) {
   setCurButtonKey(event.code);
 }
 
+function handleKeyDown(event: KeyboardEvent) {
+  // prevent F1-F12
+  if (/^F(1[0-2]|[1-9])$/.test(event.code)) event.preventDefault();
+}
+
 function handleMouseWheel(event: WheelEvent) {
   if (event.deltaY > 0) {
     // WheelDown
@@ -231,12 +236,14 @@ function resetKeyMappingConfig() {
 }
 
 onActivated(() => {
+  document.addEventListener("keydown", handleKeyDown);
   document.addEventListener("keyup", handleKeyUp);
   document.addEventListener("wheel", handleMouseWheel);
 });
 
 onBeforeRouteLeave(() => {
   return new Promise((resolve, _) => {
+    document.removeEventListener("keydown", handleKeyDown);
     document.removeEventListener("keyup", handleKeyUp);
     document.removeEventListener("wheel", handleMouseWheel);
     if (keyboardStore.edited) {