vue-shortcuts

Vue plugin for keyboard shortcuts
2,995 7
vue shortcuts keyboard
Install
npm install vue-shortcuts
Latest Version:1.1.2
Vue:2
License:MIT
Last Updated:Oct 2, 2017
Links: GitHub  ·  npm
Maintainer: vivifyideas

VueShortcuts

npm vue2

A Simple keyboard shortcut plugin for Vue

Installation

npm install --save vue-shortcuts

Usage

Bundler (Webpack, Rollup)

import Vue from 'vue'
import VueShortcuts from 'vue-shortcuts'

Vue.use(VueShortcuts, { prevent: ['input'] })

Options

Prop Type Default Describe
prevent Array [] List of selectors that will ignore the event

Syntax

<component v-shortcuts="[
  { shortcut: [ 'ctrl', 'space' ], callback: foo, push: true, focus: true },
  { shortcut: [ 'shift', 'esc' ], callback: bar, once: true, disabled: someBoolean },
]">

<component2 v-shortcuts="[ { avoid: true } ]">

Props

Prop Type Default Describe
shortcut Array [] Array of keystrokes that trigger the callback
callback Function none Callback function called while the key is pressed
once Boolean false Trigger only on keyup
push Boolean false Trigger only on keydown and up, not contiuously while held
focus Boolean false Focus element instead of calling callback
disabled Boolean false Reactive property that disables that key
avoid Boolean false Prevent the event when this element is focused
prevent Boolean true Whether to prevent the default and stop propagation when pressing that key

Key list

Key Shortkey Name
Shift shift
Control ctrl
Alt alt
Alt Graph altgraph
Super (Windows or Mac Cmd) meta
Arrow Up arrowup
Arrow Down arrowdown
Arrow Left arrowleft
Arrow Right arrowright
Enter enter
Escape esc
Tab tab
Space space
Page Up pageup
Page Down pagedown
Home home
End end
A - Z a-z
0-9 0-9
F1-F12 f1-f12

Credit

Initally forked from iFgR/vue-shortkey

License

MIT

Related Packages

@waradu/keyboard

A keyboard manager compatible with JavaScript, TypeScript and Nuxt

5,704 1
keyboard shortcuts events hotkeys keybinds nuxt
@4rk/vue-mousetrap

Mousetrap directive for Vue

2,602 2
keyboard shortcuts vue directive hotkeys mousetrap
@tanstack/vue-hotkeys

Vue adapter for TanStack Hotkeys

113,894 746
keyboard shortcuts vue hotkeys tanstack tanstack-intent vuejs
@shmao/keyboardlistener

listen keyboard listeners

415
keyboard keyboard listener listener
browser-shortcuts

Declarative keyboard, mouse and wheel shortcuts for React, Preact, Vue, Svelte,...

520 0
keyboard shortcuts vue angular hotkeys keybindings preact react solid svelte

Version History

Version Released Vue License
1.1.2 ^2.1.0 MIT
1.1.1 ^2.1.0 MIT
1.1.0 ^2.1.0 MIT
1.0.7 ^2.1.0 MIT
1.0.6 ^2.1.0 MIT