Sovrascrittura delle scorciatoie da tastiera del browser

Question

Vorrei aggiungere il supporto per le scorciatoie da tastiera a un paio di pagine nella mia applicazione Web intercettando il gestore di eventi keypress dell'oggetto documento, non l'attributo accesskey.

Il problema è che ogni browser ha le proprie combinazioni di tastiere, quindi è impossibile trovare un insieme di combinazioni di tasti che funzionino su tutti i browser Web e comunque coerenti (ad esempio sarebbe sciocco se il collegamento per salvare era Ctrl + Maiusc + S mentre quello per cancellare è stata Alt + D.)

Così ho pensato che sarebbe stato solo più semplice per ignorare le scorciatoie del browser del tutto in un paio di pagine con mia .

Tutto il lato negativo a parte, è possibile? Se così, come fai a farlo?

Answer 1

C'è un eccellente copertura di questo qui: http://unixpapa.com/js/key.html

Per quanto riguarda se questo è qualcosa che dovrebbe essere fatto, un bel paio di chiavi di StackOverflow domanda redattore di forzatura senza interrompere troppo (passaggio del mouse sui pulsanti della barra degli strumenti) .

Answer 2

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

Answer 3

Qui è la mia soluzione a questo problema:

maggior parte (se non tutti) dei tasti di scelta rapida del suo navigatore verrà sovrascritto. Solo quelli di sistema, come Alt + Scheda o Windows non funzionerà con la chiave di Windows.

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; 
    } 
    } 
}