Sobrescribir los accesos directos de teclado del navegador

Question

Me gustaría agregar soporte para atajos de teclado a un par de páginas en mi aplicación web interceptando el manejador de eventos de pulsación de tecla del objeto de documento, no el atributo de clave de acceso.

El problema es que cada navegador tiene sus propias combinaciones de teclado, por lo que es imposible crear un conjunto de combinaciones de teclado que funcionen en todos los navegadores web y sean consistentes (por ejemplo, sería absurdo guardar el atajo). fue Ctrl + Shift + S mientras que uno de borrado era Alt + D.)

por lo que pensé que sería apenas más simples para anular los atajos del navegador por completo en un par de páginas con la mina .

Todas las desventajas a un lado, ¿es posible? Si es así, como lo haces?

Answer 1

Hay una excelente cobertura de esta aquí: http://unixpapa.com/js/key.html

En cuanto a si esto es algo que se debe hacer, un buen número de teclas pregunta editor de anulación de stackoverflow sin perturbar demasiado (Pase el ratón sobre los botones de la barra) .

Answer 2

onkeydown = function(e){ 
    if(e.ctrlKey && e.keyCode == 'S'.charCodeAt(0)){ 
    e.preventDefault(); 
    //your saving code 
    } 
} 

Answer 3

Aquí es mi solución a este problema:

La mayoría (si no todos) de los atajos del navegador será anulado. Solo los del sistema, como Alt + Pestaña o La tecla Windows no lo hará.

document.onkeydown = overrideKeyboardEvent; 
document.onkeyup = overrideKeyboardEvent; 
var keyIsDown = {}; 

function overrideKeyboardEvent(e){ 
    switch(e.type){ 
    case "keydown": 
     if(!keyIsDown[e.keyCode]){ 
     keyIsDown[e.keyCode] = true; 
     // do key down stuff here 
     } 
    break; 
    case "keyup": 
     delete(keyIsDown[e.keyCode]); 
     // do key up stuff here 
    break; 
    } 
    disabledEventPropagation(e); 
    e.preventDefault(); 
    return false; 
} 
function disabledEventPropagation(e){ 
    if(e){ 
    if(e.stopPropagation){ 
     e.stopPropagation(); 
    } else if(window.event){ 
     window.event.cancelBubble = true; 
    } 
    } 
}