Javascript: diversi codici chiave su diversi browser?

Question

Quindi ho visto alcuni post sui forum su diversi browser che riportano codici chiave differenti, ma tutti sembrano evitare il "perché?".

Stavo cercando di catturare i due punti (:) keyCode e ho capito che Firefox riporta e.keyCode 56. Mentre Chrome riporta indietro 186 (penso che sia quello che era).

Esiste un modo universale per ottenere il codice tasto corretto su tutti i browser?

E perché sono diversi se sono le stesse chiavi?

Sarei più curioso di sapere se esiste un modo internazionale per ottenere la stessa pressione dei tasti.

Grazie.

Answer 1

Vedere http://unixpapa.com/js/key.html per una spiegazione del motivo per cui hanno chiavi diverse. Non conosco un modo internazionale per abbinare le chiavi.

Answer 2

Dipende se si è interessati a quale tasto fisico l'utente ha premuto o quale carattere è stato digitato dall'utente. Se è il personaggio che stai dopo, è possibile ottenere che affidabile in tutti i principali browser (utilizzando la proprietà della manifestazione keypresswhich nella maggior parte dei browser o keyCode in IE < = 8), ma solo nel caso in keypress. Se si sta cercando la chiave, utilizzare l'evento keydown o keyup ed esaminare la proprietà keyCode, sebbene i mapping esatti dei codici tasto differiscano in qualche modo tra i browser.

Un'eccellente spiegazione e riferimento per tutti gli eventi relativi alla chiave JavaScript è disponibile al numero http://unixpapa.com/js/key.html.

Per rilevare l'utente digita un carattere due punti in modo affidabile in tutti i principali browser, è possibile effettuare le seguenti operazioni:

document.onkeypress = function(e) { 
    e = e || window.event; 
    var charCode = (typeof e.which == "number") ? e.which : e.keyCode; 
    if (charCode && String.fromCharCode(charCode) == ":") { 
     alert("Colon!"); 
    } 
}; 

Answer 3

Credo che si dovrebbe fare JavaScript per ottenere il codice chiave del ':' carattere, così lo script saprà cosa si trova in un determinato ambiente. Una domanda simile era stata richiesta here, in stackoverflow.

Answer 4

Questa è una vecchia domanda. Il modo moderno per farlo è usare event.key. Vedi MDN Key