Détecteur de Code de Touche JS
Trouvez les valeurs key, code et which des événements JavaScript pour chaque touche pressée.
Appuyez sur n’importe quelle touche de votre clavier pour voir sa valeur.
Livres Recommandés sur JavaScript et le Développement Web
Eloquent JavaScript
Marijn Haverbeke
JavaScript: The Good Parts
Douglas Crockford
You Don't Know JS: Scope & Closures
Kyle Simpson
En tant que partenaire Amazon, nous percevons une commission sur les achats qualifiés.
Aimez-vous cet outil ?
Comment utiliser
Étape d'utilisation
Trouvez les valeurs key, code et which des événements JavaScript pour chaque touche pressée.
Cas d'utilisation
Exemple d'utilisation
"Détecteur de Code de Touche JS"
Produits Professionnels pour Booster votre Environnement de Dev
K10 Pro 100% AZERTY Mechanical Keyboard, Bluetooth 5.1 and USB-C Cable, QMK/Via Compatible, RGB Backlight, 4000mAh Batte
Keychron
Ultrafine 27UP850K-W 27" 4K PC Monitor - IPS Panel UHD (3840 x 2160), 5ms GtG 60Hz, DisplayHDR 400, DCI-P3 95% (CIE1976)
LG
MX Master 3S - Powerful Wireless Mouse with Ultra-Fast Scrolling, Ergonomic, 8K PPP, Compatible with Glass Surfaces, Dis
Logitech
En tant que partenaire Amazon, nous percevons une commission sur les achats qualifiés.
Foire Aux Questions
?Qu'est-ce qu'un code de touche JavaScript ?
Un code de touche JavaScript est une valeur numérique ou textuelle associée à un événement clavier. Il aide les développeurs à identifier quelle touche a été pressée. Cet outil affiche instantanément les valeurs event.key, event.code et event.which.
?Comment trouver le keyCode de n'importe quelle touche ?
Appuyez simplement sur n'importe quelle touche de votre clavier en utilisant cet outil. Le détecteur de code de touche affichera immédiatement les valeurs key, code et which de la touche pressée.
?Ce détecteur de codes de touche est-il gratuit et confidentiel ?
Oui, cet outil est entièrement gratuit et s'exécute à 100 % dans votre navigateur. Aucune donnée n'est envoyée à un serveur, vos saisies clavier restent donc totalement privées.
?Quelle est la différence entre event.key, event.code et event.which ?
event.key renvoie le caractère ou le nom de la touche (par ex. 'a', 'Enter'), event.code renvoie l'emplacement physique de la touche sur le clavier (par ex. 'KeyA', 'ArrowUp'), et event.which est un code numérique obsolète maintenu pour la compatibilité ascendante.
?event.keyCode est-il obsolète en JavaScript ?
Oui, event.keyCode et event.which sont considérés comme obsolètes. Les navigateurs modernes recommandent d'utiliser event.key ou event.code à la place. Cet outil affiche toutes les valeurs pour vous aider à migrer votre code en toute confiance.
?Puis-je utiliser cet outil pour les raccourcis clavier de jeux vidéo ?
Absolument. Les développeurs de jeux utilisent fréquemment cet outil pour identifier les bonnes valeurs event.code lors du mappage des contrôles clavier, car event.code représente la position physique de la touche indépendamment de la disposition du clavier.
?Cet outil fonctionne-t-il avec les touches spéciales comme F1-F12, Ctrl ou Alt ?
Oui, l'outil capture les événements de toutes les touches du clavier, y compris les touches de fonction, les touches de modification (Ctrl, Alt, Maj, Meta), les touches fléchées et les touches spéciales comme Échap et Tab.