0.0.7 • Published 9 months ago
@acrool/react-hotkey v0.0.7
Acrool React Hotkey
Features
- Supports dom onKeyDown
- Supports not repeat onKeyDown
- componentOnMount add listen, componentUnMount remove listen
Install
yarn add @acrool/react-hotkey
Usage
import {generateOnKeydown, HotkeyListener} from '@acrool/react-hotkey';
const Example = () => {
const handleSave = () => {
// white yourr code
}
const handleCancel = () => {
// white yourr code
}
/**
* Save
*/
const handleOnKeyDown = (e) => {
generateOnKeydown('ctrl+enter', handleSave)(e);
generateOnKeydown('escape', handleCancel)(e);
};
return (<>
<input type="text" onKeyDown={handleOnKeyDown}/>
<HotkeyListener hotKey="ctrl+," onKeyDown={() => console.log('to setting')} />
</>
);
};
There is also a example that you can play with it:
License
0.0.5-alpha.0
9 months ago
0.0.5-alpha.1
9 months ago
0.0.5-alpha.2
9 months ago
0.0.5-alpha.3
9 months ago
0.0.6-alpha.0
9 months ago
0.0.6-alpha.1
9 months ago
0.0.7-alpha.1
9 months ago
0.0.7-alpha.0
9 months ago
0.0.7-test.1
9 months ago
0.0.7-alpha.4
9 months ago
0.0.7-test.0
9 months ago
0.0.7-alpha.3
9 months ago
0.0.2-alpha.2
9 months ago
0.0.7-alpha.2
9 months ago
0.0.7-alpha.8
9 months ago
0.0.2-alpha.3
9 months ago
0.0.7-alpha.7
9 months ago
0.0.7-alpha.6
9 months ago
0.0.3-alpha.3
9 months ago
0.0.4-alpha.0
9 months ago
0.0.5-alpha.4
9 months ago
0.0.4-alpha.1
9 months ago
0.0.3-alpha.1
9 months ago
0.0.7-test.2
9 months ago
0.0.3-alpha.0
9 months ago
0.0.3
9 months ago
0.0.2
9 months ago
0.0.5
9 months ago
0.0.4
9 months ago
0.0.7
9 months ago
0.0.6
9 months ago
0.0.2-alpha.1
9 months ago
0.0.2-alpha.0
9 months ago