Javascript: ¿diferentes códigos de tecla en diferentes navegadores?

Question

Así que he visto algunas publicaciones de foros sobre diferentes navegadores que informan diferentes KeyCodes, pero parece que todos evitan el "¿por qué?".

Estaba tratando de capturar los dos puntos (:) keyCode y me di cuenta de que Firefox informa de nuevo e.keyCode 56. Mientras que Chrome informa 186 (creo que eso era).

¿Existe alguna manera univeral de obtener el código de clave correcto en todos los navegadores?

¿Y por qué son diferentes si son las mismas llaves?

Sería más curioso si hay una forma internacional de obtener la misma pulsación de tecla.

Gracias.

Answer 1

Consulte http://unixpapa.com/js/key.html para obtener una explicación de por qué tienen claves diferentes. No conozco una forma internacional de unir llaves.

Answer 2

Depende de si está interesado en qué tecla física ha pulsado el usuario o qué carácter ha escrito el usuario. Si es el personaje que busca, puede obtenerlo de manera confiable en todos los navegadores principales (usando la propiedad keypress del evento which en la mayoría de los navegadores o keyCode en IE < = 8), pero solo en el evento keypress. Si busca la clave, use el evento keydown o keyup y examine la propiedad keyCode, aunque las asignaciones exactas de códigos de tecla difieren un tanto entre los navegadores.

Puede encontrar una excelente explicación y referencia para todos los eventos relacionados con las claves de JavaScript en http://unixpapa.com/js/key.html.

Para detectar el usuario escribe un carácter de dos puntos de forma fiable en todos los principales navegadores, se puede hacer lo siguiente:

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

Creo que deberías hacer JavaScript para obtener el código clave de la ':' carácter, por lo el script sabrá qué es en un cierto entorno. Se hizo una pregunta similar here, in stackoverflow.

Answer 4

Esta es una pregunta anterior. La forma moderna de hacerlo es use event.key. Ver MDN Key