Comment savoir quelle touche de caractère est enfoncée?

Je voudrais savoir quelle touche de caractère est pressée d'une manière compatible avec tous les navigateurs en javascript pur.Comment savoir quelle touche de caractère est enfoncée?

Source

2009-12-04 xXx

ne sont pas toutes ces réponses à la question "quelle touche enfoncée was?" Que se passe-t-il si, en cours d'exécution, le code javascript veut savoir si une touche du clavier est actuellement enfoncée? – mwardm

'event.key' vous donnera directement le caractère pressé – Gibolt

117

JavaScript "Effacer":

<script type="text/javascript"> 
    function myKeyPress(e){ 
    var keynum; 

    if(window.event) { // IE      
     keynum = e.keyCode; 
    } else if(e.which){ // Netscape/Firefox/Opera     
     keynum = e.which; 
    } 

    alert(String.fromCharCode(keynum)); 
    } 
</script> 

<form> 
    <input type="text" onkeypress="return myKeyPress(event)" /> 
</form>

JQuery:

$(document).keypress(function(event){ 
    alert(String.fromCharCode(event.which)); 
});

Source

2009-12-04 12:36:09 Coyod

cela fonctionne bien pour les caractères alphabétiques, mais qu'en est-il des points/brakets et autres symboles typogtaphic? – VoVaVc

@VoVaVc: Cela fonctionne aussi pour ceux-là. L'essentiel est d'utiliser l'événement 'keypress', qui vous donne un code de caractère, plutôt que' keyup' ou 'keydown' qui vous donne un code clé. –

'e.qui' est obsolète. Utilisez 'e.key' à la place, comme dans' if (e.key == 'z') ' – aljgom

Jetez un oeil sur ce site pour le navigateur cross incohérences http://www.quirksmode.org/js/keys.html

Source

2009-12-04 12:26:35 Matt

Seulement sur l'événement de pression de touche dans certains navigateurs (notamment pas Firefox). –

@Tim Bon point - en fait, je vais le retirer. – Matt

Utilisez celui-ci:

function onKeyPress(evt){ 
    evt = (evt) ? evt : (window.event) ? event : null; 
    if (evt) 
    { 
    var charCode = (evt.charCode) ? evt.charCode :((evt.keyCode) ? evt.keyCode :((evt.which) ? evt.which : 0)); 
    if (charCode == 13) 
     alert('User pressed Enter'); 
    } 
}

Source

2009-12-04 12:31:30 JCasso

Il y a un million de doublons de cette question ici, mais voilà à nouveau quand même:

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

La meilleure référence que je l'ai vu sur les événements clés est http://unixpapa.com/js/key.html.

Source

2009-12-04 12:41:58

**check this out** 
<!DOCTYPE html> 
<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $(document).keypress(function(e) 
     { 

      var keynum; 
      if(window.event) 
      { // IE     
       keynum = e.keyCode; 
      } 
       else if(e.which) 
        { 
        // Netscape/Firefox/Opera     
        keynum = e.which; 
        } 
        alert(String.fromCharCode(keynum)); 
        var unicode=e.keyCode? e.keyCode : e.charCode; 
        alert(unicode); 
     }); 
}); 

</script> 
</head> 
<body> 

<input type="text"></input> 
</body> 
</html>

Source

2014-12-08 12:31:21 kki3908050

N'est-ce pas une copie quasi-exacte de la réponse de @ Coyod en 2009? –

Une de mes bibliothèques préférées pour faire ceci d'une manière sophistiquée est Mousetrap.

Il est livré avec une variété de plugins, dont l'un est le plugin record qui peut identifier une séquence de touches enfoncées.

Exemple:

<script> 
    function recordSequence() { 
     Mousetrap.record(function(sequence) { 
      // sequence is an array like ['ctrl+k', 'c'] 
      alert('You pressed: ' + sequence.join(' ')); 
     }); 
    } 
</script> 


<button onclick="recordSequence()">Record</button>

Source

2015-11-13 13:47:30

C'est vrai. Ça ira. –

@DanLowe Je viens d'ajouter un extrait. –

Plus récent et plus propre: utilisez event.key. Plus de codes numériques arbitraires!

node.addEventListener('keydown', function(event) { 
    const key = event.key; // "a", "1", "Shift", etc. 
});

Si vous voulez faire des caractères simples sont sûrs que sont entrés, vérifiez key.length === 1, ou qu'il est l'un des personnages que vous attendez.

Mozilla Docs

Supported Browsers

Source

2017-09-05 18:03:26 Gibolt

-1

document.onkeypress = function(event){ 
    alert(event.key) 
}

Source

2018-03-07 19:10:21 gomozor

Comment savoir quelle touche de caractère est enfoncée?

Répondre

Questions connexes