Comment écouter le texte de type clavier en Javascript?

Question

Je veux obtenir le texte tapé au clavier, pas le code clé. Par exemple, je appuie sur Maj + f, je reçois le "F", au lieu d'écouter deux codes clés. Un autre exemple, je clique sur F3, je n'ai rien entré. Comment puis-je savoir ça en js? Je vous remercie.

Answer 1

J'utilise jQuery pour faire quelque chose comme ceci:

$('#searchbox input').on('keypress', function(e) { 

    var code = (e.keyCode ? e.keyCode : e.which); 
    if(code == 13) { 
      //Enter keycode 
    //Do something 
    } 

}); 

EDIT: Puisque vous n'êtes pas se lier à l'utilisation zone de texte:

$(window).on('keypress', function(e) { 

    var code = (e.keyCode ? e.keyCode : e.which); 
    if(code == 13) { 
      //Enter keycode 
    //Do something 
    } 

}); 

http://docs.jquery.com/Main_Page

Answer 2

Vous pouvez écouter la onkeypress événement. Toutefois, au lieu de simplement examiner la propriété event.keyCode (IE) ou event.which (Mozilla) qui vous donne le code de clé, vous devez traduire le code de clé en utilisant String.fromCharCode(). Une bonne démo est à Javascript Char Codes (Key Codes). Vérifiez la source et recherchez la fonction displayKeyCode(evt). Références supplémentaires: w3schools - onkeypress Event et w3schools - JavaScript fromCharCode() method.

Answer 3

Ceci est trop compliqué pour répondre rapidement. C'est ce que j'utilise comme référence définitive pour la gestion du clavier. http://unixpapa.com/js/key.html

Answer 4

Pour ce faire, utilisez l'événement keypress comme suit. Aucun autre événement clé pris en charge aujourd'hui largement fera:

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

Pour toutes les questions relatives à la clé JavaScript, je recommande l'excellent article de Jan Wolter: http://unixpapa.com/js/key.html