Comment utiliser : Trouver keycode JavaScript
- Cliquez sur le cadre (ou n'importe où sur la page) puis appuyez sur une touche ou un raccourci.
- Lisez
event.key,event.codeet l'anciennekeyCode. - Copiez le gestionnaire
keydowngénéré pour votre raccourci.
key, code et keyCode
| Propriété | Ce qu'elle indique | Utilisation |
|---|---|---|
event.key | Le caractère ou le nom de la touche produit, selon la disposition du clavier et Maj ("a", "A", "Enter") | Saisie de texte, « tapez ? pour l'aide » |
event.code | La position physique de la touche, indépendante de la disposition ("KeyA", "Digit1") | Jeux (WASD) et raccourcis basés sur la position |
event.keyCode / which | Codes numériques historiques (Entrée = 13, Échap = 27) | Ancien code uniquement — obsolète |
event.location | 0 standard, 1 gauche, 2 droite, 3 pavé numérique | Distinguer Maj gauche et droite ou les touches du pavé numérique |
Codes de touches courants
| Touche | event.key | event.code | keyCode |
|---|---|---|---|
| Entrée | Enter | Enter | 13 |
| Échap | Escape | Escape | 27 |
| Espace | " " | Space | 32 |
| Tab | Tab | Tab | 9 |
| Retour arrière | Backspace | Backspace | 8 |
| Flèches | ArrowLeft/Up/Right/Down | identique | 37–40 |
| A–Z | a–z / A–Z | KeyA–KeyZ | 65–90 |
| 0–9 | 0–9 | Digit0–Digit9 | 48–57 |
| F1–F12 | F1–F12 | F1–F12 | 112–123 |
Écrire des gestionnaires de raccourcis
Vérifiez explicitement les modificateurs (e.ctrlKey || e.metaKey couvre Ctrl sous Windows et ⌘ sous macOS), n'appelez e.preventDefault() que pour les raccourcis que vous gérez, et ignorez votre gestionnaire pendant que l'utilisateur saisit dans des champs. Privilégiez key pour les raccourcis lettres afin qu'ils suivent la disposition clavier de l'utilisateur, et code lorsque la position physique compte.
Testez vos expressions régulières de gestion des touches avec le testeur de regex, ou vérifiez comment le navigateur s'identifie avec l'analyseur de user agent.
Aussi recherché comme : keycode javascript, liste keycode, event.key javascript, event.code javascript, trouver keycode clavier, vérifier touche clavier javascript, visualiseur événement clavier.
Outils complémentaires : Trouver keycode JavaScript
- Éditeur HTML en ligne — Un bac à sable de code léger : modifiez HTML, CSS et JavaScript côte à côte, voyez le résultat instantanément, consultez la console et téléchargez votre page dans un seul fichier HTML.
- Formateur JavaScript — Rendez lisible du JavaScript, JSON ou JSX avec l'indentation et le style d'accolades de votre choix, ou supprimez espaces et commentaires avec un minifieur vérifié.
- Ma résolution d'écran — Les dimensions de votre écran et de la fenêtre du navigateur en pixels CSS, le ratio de pixels de l’appareil et la résolution physique réelle, mesurés en direct par votre navigateur.
- Formateur HTML — Collez du balisage minifié ou désordonné et obtenez un HTML propre, indenté de manière cohérente, y compris les blocs <style> et <script> intégrés.
Questions fréquentes
Faut-il utiliser keyCode ?
Non.
keyCode et which sont obsolètes. Utilisez event.key pour le caractère et event.code pour la touche physique.Quel est le keycode de la touche Entrée ?
Entrée a le keyCode 13,
key « Enter » et code « Enter » (ou « NumpadEnter » sur le pavé numérique).Pourquoi Ctrl+W ferme-t-il l'onglet ?
Pour des raisons de sécurité, les pages web ne peuvent pas intercepter certains raccourcis du navigateur, dont Ctrl+W, Ctrl+T et Ctrl+N dans la plupart des navigateurs.
Puis-je installer Trouver keycode JavaScript en tant qu’application web et l’utiliser hors ligne ?
Oui. Trouver keycode JavaScript est une application web installable (PWA) : elle s’installe depuis votre navigateur, sans passer par une boutique d’applications. Cliquez sur « Installer l’application » en haut de cette page dans Chrome ou Edge (Windows, macOS, Linux, ChromeOS) ; sur Android, utilisez « Partager » → « Ajouter à l’écran d’accueil » sur iPhone et iPad ; ou « Fichier » → « Ajouter au Dock » dans Safari 17+ sur Mac. L’application s’ouvre alors dans sa propre fenêtre avec sa propre icône, et comme elle s’exécute entièrement dans votre navigateur, elle continue de fonctionner hors ligne. Firefox sur ordinateur de bureau ne permet pas d’installer d’applications web. Comment fonctionne l’installation.