Captura de entrada de teclado en JavaScript puro-teclas de acceso rápido

Tiempo de ejecución: 30 minutos. Empezar

Autor: jaywcjlove
Views Total: 1,782
Sitio oficial: Ir a la web
Actualizado: March 30, 2019
Licencia: MIT

Vista prévia

Captura de entrada de teclado en JavaScript puro-teclas de acceso rápido

Descripción

La librería JavaScript de teclas rápidas permite capturar la entrada del teclado y soporta enlazar atajos personalizados con teclas modificadoras.

Install it via NPM:

npm install hotkeys-js

Funcionamiento

Agregue el script ' hotkeys. js ' a la Página Web.

<script src="hotkeys.js"></script>

Uso básico:

hotkeys('shift+a,alt+d, w', function(e){


console.log('Do something',e);


if(hotkeys.shift) console.log('You just clicked shift .');


if(hotkeys.ctrl) console.log('You just clicked ctrl .');


if(hotkeys.alt) console.log('You just clicked alt .');
});

Usos avanzados.

hotkeys('a', function(event,handler){


//event.srcElement: input


 //event.target: input


if(event.target === "input"){




alert('You just pressed a!')


}


alert('You just pressed a!')
 });

hotkeys('ctrl+a,ctrl+b,r,f', function(event,handler){


switch(handler.key){




case "ctrl+a":alert('You just pressed ctrl+a!');break;




case "ctrl+b":alert('You just pressed ctrl+b!');break;




case "r":alert('You just pressed r!');break;




case "f":alert(' You just pressedf!');break;


}
});

hotkeys('ctrl+r', function(){ alert('Alert!'); return false });

hotkeys('⌘+r, ctrl+r', function(){ });

hotkeys('ctrl+a+s', function(event,handler) {

if(handler.key === 'ctrl+a+s') {


alert('you pressed ctrl+a+s!');

}
});

Registro de cambios

v3.6.2 (03/30/2019)

  • Soluciona el problema de las combinaciones de teclas 2 y 3

v3.6.0 (03/27/2019)

  • Soporte para combinación de tres teclas

v3.5.1 (03/25/2019)

  • Corrija el problema de la función de devolución de llamada dos veces.

v3.5.0 (03/21/2019)

  • Actualizado

v3.4.4 (02/12/2019)

  • Bugfix

v3.4.3 (01/16/2019)

  • actualizar

v3.4.1 (11/22/2018)

  • feat: agregue una nueva declaración para el controlador de desvinculación

v3.4.0 (11/21/2018)

  • feat: desenlazar eventos a través de funciones

v3.3.9 (09/07/2018)

  • Bugfix

v3.3.7 (08/28/2018)

  • Solucionado el elemento contentEditable del filtro

v3.3.6 (08/25/2018)

  • Corregido no se puede detectar el cambio solo.

v3.3.5 (06/08/2018)

  • actualizar

v3.3.3 (06/03/2018)

  • Compatible con IE.

v3.3.2 (05/29/2018)

  • Corregido no funciona en IE11

Te puede interesar: