🔌 (#9) - implemt space to play pause feature

KJG04 · Jun 9, 2022 · 409c465 · 409c465
1 parent 1605364
commit 409c465
Showing 1 changed file with 5 additions and 9 deletions.
diff --git a/src/components/ContentController/index.tsx b/src/components/ContentController/index.tsx
@@ -59,13 +59,9 @@ const ContentController = () => {
 
   const onSpaceDown = useCallback(
     (e: KeyboardEvent) => {
-      if (
-        e.key === "Space" &&
-        !e.shiftKey &&
-        !e.ctrlKey &&
-        !e.metaKey &&
-        !e.altKey
-      ) {
+      if (e.code === "Space") {
+        console.log("123");
+
         e.stopPropagation();
         e.preventDefault();
 
@@ -85,10 +81,10 @@ const ContentController = () => {
 
   useEffect(() => {
     if (!controlDisable) {
-      document.addEventListener("keypress", onSpaceDown);
+      window.addEventListener("keydown", onSpaceDown);
 
       return () => {
-        document.removeEventListener("keypress", onSpaceDown);
+        window.removeEventListener("keydown", onSpaceDown);
       };
     }
   }, [controlDisable, onSpaceDown]);