v-hotkey


Vue 2.x directive for binding hotkeys to components.

Play with me

https://dafrok.github.io/v-hotkey

Install

``bash
$ npm i v-hotkey


or


$ yarn add v-hotkey
`

Usage

`javascript
import Vue from 'vue'
import VueHotkey from 'v-hotkey'

Vue.use(VueHotkey)
`

`vue



`

Event Handler

- keydown (as default)
- keyup

Key Combination

Use one or more of following keys to fire your hotkeys.

- ctrl
- alt
- shift
- command (MacOS)
- windows (Windows)

Modifiers

$3

Add the prevent modifier to the directive to prevent default browser behavior.

`vue

`

$3

Add the stop modifier to the directive to stop event propagation.

`vue

`

Key Code Alias

The default key code map is based on US standard keyboard.
This ability to provide their own key code alias for developers who using keyboards with different layouts. The alias name must be a single character.

$3

`javascript
import Vue from 'vue'
import VueHotkey from 'v-hotkey'

Vue.use(VueHotkey, {
'①': 49 // the key code of character '1'
})
`

$3

`vue


``