refactor: arrow keys prevent

examples/web/index.ts

@@ -53,6 +53,13 @@ const KEYS: Record<string, number> = {
     s: PadKey.B
 };
 
+const ARROW_KEYS: Record<string, boolean> = {
+    ArrowUp: true,
+    ArrowDown: true,
+    ArrowLeft: true,
+    ArrowRight: true
+};
+
 const ROM_PATH = require("../../res/roms/20y.gb");
 
 /**
@@ -399,6 +406,8 @@ class GameboyEmulator extends Observable implements Emulator {
     registerKeys() {
         document.addEventListener("keydown", (event) => {
             const keyCode = KEYS[event.key];
+            const isArrow = KEYS[event.key] ?? false;
+            if (isArrow) event.preventDefault();
             if (keyCode !== undefined) {
                 this.gameBoy!.key_press(keyCode);
                 return;
@@ -421,6 +430,8 @@ class GameboyEmulator extends Observable implements Emulator {
 
         document.addEventListener("keyup", (event) => {
             const keyCode = KEYS[event.key];
+            const isArrow = KEYS[event.key] ?? false;
+            if (isArrow) event.preventDefault();
             if (keyCode !== undefined) {
                 this.gameBoy!.key_lift(keyCode);
                 return;

examples/web/react/app.tsx

@@ -136,6 +136,9 @@ export const App: FC<AppProps> = ({ emulator, backgrounds = ["264653"] }) => {
             await handler(undefined, require("../res/storm.png"), 0.2);
         });
     };
+    const onKeyDown = (event: KeyboardEvent) => {
+        
+    }
     useEffect(() => {
         document.body.style.backgroundColor = `#${getBackground()}`;
     });