Conversion de séquences de touches rassemblées par onkeydown en caractères JavaScript

Question

Je tente de convertir des séquences de touches en caractères. Dans d'autres questions quelqu'un recommande d'utiliser la fonction onkeydown car onkeypress est différemment traité par différents caractères.

Je ne sais pas comment gérer les caractères spéciaux comme `` '() qui pourraient être différents dans les différents claviers du monde entier.

Answer 1

Pour les clés qui ont des équivalents de caractères imprimables, vous devez utiliser l'événement keypress parce que vous pouvez récupérer les codes de caractères de l'événement keypress, qui est généralement pas possible pour keyup et keydown événements.

Les propriétés d'un événement dont vous avez besoin sont which et keyCode - à peu près tous les navigateurs ont un ou deux d'entre eux, bien que IE brouille les eaux en utilisant keyCode pour le code de caractère tandis que d'autres navigateurs renvoient un code clé (différent). La plupart des navigateurs non-IE ont également charCode mais il semble que tous ces navigateurs ont également which, donc charCode n'est jamais nécessaire. Un exemple simple:

document.onkeypress = function(evt) { 
    evt = evt || window.event; 
    var charCode = evt.which || evt.keyCode; 
    var charStr = String.fromCharCode(charCode); 
    alert(charStr); 
}; 

Voici un useful reference page.

Answer 2

document.onkeydown = checkKey; 
function checkKey(e) { 

e = e || window.event; 
document.getElementById("label").style.display = "none"; 
if (e.keyCode == '65') { 
    //a 
    var lx = document.getElementById('location'); 
    typeIt("a"); 
} 
else if (e.keyCode == '66') { 
    //b 
     var lx = document.getElementById('location'); 
    typeIt("b"); 
} 
else if (e.keyCode == '67') { 
    //c 
     var lx = document.getElementById('location'); 
    typeIt("c"); 
} 
} 

Ceci devrait convertir avec succès le code de touche que vous appuyez sur une lettre de chaîne, que vous pouvez utiliser dans une fonction plus grande. Cela prend plus de temps, mais je l'ai trouvé très compatible avec la plupart des navigateurs et claviers (quelle que soit la langue). J'ai utilisé ce code dans un projet d'éditeur de texte qui serait distribué à des amis dans plusieurs pays. travail. Remarque: la fonction ci-dessus ne comprend que les lettres "A", "B" et "C".