ember-cli-keyboard-nav


A wrapper for binding a keyup event to a jQuery element and handling the actions with a simple interface.

Installation

* ember install ember-cli-keyboard-nav

Using the mixin

Add the mixin an Ember component by importing it with

``
import KeyboardNavMixin from 'ember-cli-keyboard-nav/mixins/keyboard-nav';
`

and applying the mixin to your component, eg.

`
export default Ember.Component.extend(KeyboardNavMixin, {
...
});
`

explicitly include it in your component's didInsertElement hook, passing in the jQuery object that you want to bind the keyboard actions to.

`
didInsertElement() {
this.bindKeys($('input.my-input');
}
`

You can then override the following methods to handle different keyboard interactions

$3

Handles a press of the Enter key.

$3

Handles a press of the Esc key.

$3

Handles a press of the Up key.

$3

Handles a press of the Down key.

$3

Handles a press of any other key. Use the keyNum` argument to find which key was pressed.

License

This project is licensed under the MIT License.