0.0.7 • Published 9 months ago

@acrool/react-hotkey v0.0.7

Weekly downloads
-
License
MIT
Repository
github
Last release
9 months ago

Acrool React Hotkey

NPM npm npm

npm downloads npm

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:

Play react-editext-example

License

MIT © Acrool & Imagine

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