Captura de entrada de teclado en JavaScript puro-teclas de acceso rápido
| Autor: | jaywcjlove |
|---|---|
| Views Total: | 1,782 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 30, 2019 |
| Licencia: | MIT |
Vista prévia
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





