Enlazar atajos de teclado con JavaScript puro-keycuts

Tiempo de ejecución: 30 minutos. Empezar

Autor: medihack
Views Total: 507
Sitio oficial: Ir a la web
Actualizado: July 16, 2018
Licencia: MIT

Vista prévia

Enlazar atajos de teclado con JavaScript puro-keycuts

Descripción

keycuts es una biblioteca de JavaScript ES6 que le permite enlazar eventos de atajos de teclado personalizados y desencadenar funciones especificadas personalizadas cuando se presionan las combinaciones de teclas

Funcionamiento

Descargar & instalar el paquete de keycuts con gestores de paquetes.

# Yarn
$ yarn add keycuts

# NPM
$ npm install keycuts --save

Importa los atajos de teclado como un módulo ES6.

import { Keys } from 'keycuts'

O incluya la versión compilada de la biblioteca de atajos de teclado en la página.

<script src="keycuts.min.js"></script>

Cree un nuevo objeto de método abreviado de teclado.

const myKeys = new Keys();

Defina sus propios atajos de teclado & funciones de devolución de llamada como estos:

keys.bind(['Control', 'c'], () => {

// do something
})

// or
 keys.bind(['Control + c'], () => {

// do something
})

La biblioteca también admite secuencias de combinaciones de clave o clave.

myKeys.bind([['Control', 'c'], ['Alt', 'v']], () => {

// do something
})

// or
myKeys.bind('Control + c > Control + v', () => {

// do something
})

Te puede interesar: