react-use-record-hotkey

录制键盘快捷键 Hook

Install

1npm i react-use-record-hotkey -S

Usage

1import { useRecordHotkey } from 'react-use-record-hotkey';
2
3const App = () => {
4  const [inputRef, keys, { start, stop, isRecording }] = useRecordHotkey({
5    onClean: () => {
6      console.log('Clean');
7    },
8    onConfirm: (hotkey) => {
9      console.log(`Hotkey: ${Array.from(hotkey).join('+')}`);
10    },
11  });
12
13  const hotkey = Array.from(keys).join('+');
14
15  return (
16    <div>
17      <input ref={inputRef} autoFocus readOnly value={hotkey} />
18      <button onClick={start}>Start</button>
19      <button onClick={stop}>Stop</button>
20      <p>Recording: {isRecording ? 'Yes' : 'No'}</p>
21      <p>Hotkey: {hotkey}</p>
22    </div>
23  );
24};
25
26export default App;