wei-yuuuu · July 23, 2021 03:43 · Mar 8, 2021
diff --git a/example.js b/example.js
@@ -0,0 +1,6 @@
+useHotkey(['Meta', 'c'], () => {
+  console.log( `要跑 1`,  )
+})
+useHotkey(['ctrl', 'c'], () => {
+  console.log( `要跑 2`,  )
+})
diff --git a/useHotkey.js b/useHotkey.js
@@ -0,0 +1,23 @@
+const useHotkey = (def, fn) => {
+  const target = def.map(d => d.toLowerCase()).join('-')
+  // console.log( `目標字串`, target )
+  //
+  useEffect(() => {
+    //
+    const handler = evt => {
+      const keys = []
+      if(evt.metaKey) keys.push('meta')
+      if(evt.ctrlKey) keys.push('ctrl')
+      if(evt.altKey) keys.push('alt')
+      keys.push(evt.key.toLowerCase())
+      // console.log( `最終 keys`, keys )
+      if(keys.join('-') === target){
+        console.log( `中了`, keys  )
+      }
+    }
+
+    document.addEventListener('keydown', handler)
+    console.log( `掛了`,  )
+    return window.removeEventListener('keydown', handler)
+  }, [])
+}