yanni

1.0.0 • Public • Published

Keyboardist

 _              _                         _ _     _
| | _____ _   _| |__   ___   __ _ _ __ __| (_)___| |_
| |/ / _ | | | | '_ \ / _ \ / _` | '__/ _` | / __| __|
|   |  __| |_| | |_) | (_) | (_| | | | (_| | \__ | |_
|_|\_\___|\__, |_.__/ \___/ \__,_|_|  \__,_|_|___/\__|
          |___/

An easy way to add keyboard shortcuts to your javascript applications.

Example:

// by default it listens to keydown
const listener = Keyboardist();

listener.subscribe('down', () => {
  console.log('Pressed down');
});

listener.subscribe('shift+down', () => {
  console.log('Pressed Shift + down');
});

Install

Example:

$ npm install keyboardist

Usage

the Keyboardist returns a listener object that has only one method: suscribe.

suscribe accepts two arguments: a key or key combination and a method that will be called when that key (or key combination) is triggered by the user.

Example:

import Keyboardist from 'keyboardist';

const listener = new Keyboardist();

const keySubscription = keyboard.subscribe('/', () => {
  focusSearch();
});

The object returned by suscribe has an unsuscribe method.

// create a subscription
const keySubscription = keyboard.subscribe('/', () => {
  focusSearch();
});

// remove the subscription
keySubscription.unsuscribe();

Other events

By default, the listener listens to keydown events, but you can pass keyup as an argument to Keyboardist to use that event instead

const downListener = Keyboardist();
const upListener = Keyboardist('keyup');

downListener.subscribe('a', () => {
  console.log('Just pressed the A key');
});

upListener.subscribe('a', () => {
  console.log('Just released the A key');
});

Readme

Keywords

none

Package Sidebar

Install

npm i yanni

Weekly Downloads

8

Version

1.0.0

License

ISC

Unpacked Size

36.6 kB

Total Files

12

Last publish

Collaborators

  • soska