Javascript: différents keyCodes sur différents navigateurs?

Question

J'ai donc vu sur certains forums des messages sur différents navigateurs rapportant differenct keyCodes, mais tout le monde semble donc éviter le "pourquoi?". J'essayais de capturer le deux-points (:) keyCode et j'ai réalisé que Firefox rapportait e.keyCode 56. Alors que Chrome rapporte 186 (je pense que c'était ce que c'était).

Existe-t-il un moyen universel d'obtenir le bon code de clé dans tous les navigateurs?

Et pourquoi sont-ils différents si ce sont les mêmes clés?

Je serais plus curieux de savoir s'il existe une manière internationale d'obtenir la même touche.

Merci.

Answer 1

Voir http://unixpapa.com/js/key.html pour une explication de la raison pour laquelle ils ont des clés différentes. Je ne connais pas de manière internationale de faire correspondre les clés.

Answer 2

Cela dépend si vous êtes intéressé par la touche physique que l'utilisateur a appuyée ou par le caractère tapé par l'utilisateur. Si c'est le caractère que vous recherchez, vous pouvez l'obtenir de manière fiable dans tous les principaux navigateurs (en utilisant la propriété which de l'événement dans la plupart des navigateurs ou keyCode dans IE < = 8), mais uniquement dans l'événement keypress. Si vous recherchez la clé, utilisez l'événement keydown ou keyup et examinez la propriété keyCode, bien que les mappages de codes-clés diffèrent quelque peu entre les navigateurs.

Une excellente explication et une référence pour tous les événements liés à la clé JavaScript peuvent être trouvées au http://unixpapa.com/js/key.html.

Pour détecter l'utilisateur en tapant un caractère de deux points de manière fiable dans tous les principaux navigateurs, vous pouvez effectuer les opérations suivantes:

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

Je pense que vous devriez faire JavaScript pour obtenir le code d'activation du caractère « : », donc le script saura ce que c'est dans un certain environnement. Une question similaire a été posée here, in stackoverflow.

Answer 4

Ceci est une vieille question. La façon moderne de le faire est d'utiliser event.key. Voir