Les touches du clavier _ image et JS - msnbrest/astuces GitHub Wiki

KeyCode – numéro des touches clavier

Cette image me permet (depuis environ 12ans) de reconnaitre le code d’une touche.
Image totalement artisanale comme nous pouvons le constater, il faudrait que je la fasse en dark mode..

-

Très pratique par exemple, en JavaScript :

nous avons un element HTML
qui va pouvoir recevoir des infos d’une touche clavier relachée.
genre : window, body, textarea… ou simplement input.
on y ajoute un trigger → onkeyup="kd(event)"
puis on créé une fonction kd qui reçoit les infos qu’on appelera zinfos.

ce qui donne au final pour la partie HTML :

<input onkeyup="kd(event)">

et pour la partie javascript :

let kd = ( zinfos ) => {
  alert(zinfos.keyCode);
};

Ce script tout moche vous permet de voir une alert (cadre qui pop à l’écran) contenant le code de la touche enfoncée.

-

En général, la touche Entrée (13) m’est très utile pour savoir quand il faut envoyer une recherche depuis les infos d’une input par exemple.

Si vous avez des questions, essayez de me les envoyer j’aimerai y répondre pour améliorer ce tuto :)