A React keybinding component, usable with es6, no mixin. 

martpie

react-keybinding-component

A React keybinding component, usable with es6, no mixin

keitig

  "description": "A React keybinding component, usable with es6, no mixin",

  "main": "dist/react-keybinding-component.js",

    "test": "echo \"Error: no test specified\" && exit 1"

    "url": "git+https://github.com/KeitIG/react-keybinding-component.git"

    "url": "https://github.com/KeitIG/react-keybinding-component/issues"

  "homepage": "https://github.com/KeitIG/react-keybinding-component#readme",

react-keybinding-component is a component that will help you set up keybindings in your app. For the moment, only simple key events are supported (one key only, `keyup`, `keydown`). It's just a less dirty way of using key events instead of having care of them with `componentDidMount()` in multiple components.

import KeyBinding from 'react-keybinding-component'; // ES6

var KeyBinding = require('react-keybinding-component'); // ES5

<KeyBinding onKey={ (e) => { console.log(e.keyCode) } } />

Get the eventKey keyCode and log it on `keyUp` on the window element

<KeyBinding onKey={ (e) => { console.log(e.keyCode) } } type='keyup' elem={ window } />

| Property           | Description                                 | Default value |

|--------------------|---------------------------------------------|---------------|

| onKey              | the function executed after a key event     | () => {}      |

| type               | keyup or keydown                            | `'keydown'`   |

| defaultValue       | the element you want to attach the event to | document      |

| target             | the element you want to attach the event to | `document`    |

| preventInputConflict | prevent onKey from firing if you have an onChange on an input | `false` |

		{
		"name": "react-keybinding-component",
		"version": "0.2.0",
		"version": "0.2.1",
		"description": "A React keybinding component, usable with es6, no mixin",
		@@ -5,0 +5,0 @@ "main": "dist/react-keybinding-component.js",

		@@ -36,3 +36,3 @@ # react-keybinding-component
		\| type \| keyup or keydown \| `'keydown'` \|
		\| defaultValue \| the element you want to attach the event to \| document \|
		\| target \| the element you want to attach the event to \| `document` \|
		\| preventInputConflict \| prevent onKey from firing if you have an onChange on an input \| `false` \|