CoderTools

Testeur Clavier et Souris

Testez vos périphériques et surveillez les événements clavier/souris en temps réel

Journal d'Événements

Aucun événement enregistré. Appuyez sur une touche ou cliquez pour commencer.

Survolez cette zone pour activer le mode de blocage des touches

Clavier Virtuel

Appuyez sur une touche pour tester. Les touches s'illuminent lorsqu'elles sont pressées.

Informations de Touche

Touche

-

Code

-

KeyCode

-

Position

-

Répétition

-

Modificateurs

-

Test de Ghosting

Maintenez plusieurs touches pour tester le N-key rollover (NKRO)

Touches Maintenues

0

Max Touches Simultanées

0

Touches Récemment Pressées

Guide d'Utilisation

Cet outil vous aide à tester les claviers et souris, et à surveiller les événements d'entrée en temps réel. Il est particulièrement utile pour les développeurs qui déboguent le code de gestion d'événements, et pour les utilisateurs vérifiant le fonctionnement de leurs périphériques.

Test du Clavier

Le clavier virtuel affiche les touches que vous pressez en temps réel. Testez toutes les touches, y compris les touches de fonction, les modificateurs et les touches spéciales. Le panneau d'informations affiche les détails techniques comme le code de touche.

Test de la Souris

Testez tous les boutons de la souris (gauche, milieu, droite, précédent, suivant), la molette de défilement et suivez les coordonnées précises du curseur. Note : En raison des limitations du navigateur, les événements des boutons précédent/suivant se déclenchent au relâchement plutôt qu'à l'appui.

Journal d'Événements pour Développeurs

Le journal capture tous les événements clavier et souris avec des horodatages précis. Vous pouvez voir la séquence exacte des événements mousedown, mouseup, click, ou les séquences keydown, keypress, keyup. Filtrez par type et exportez les journaux pour analyse.

Comprendre les Systèmes de Coordonnées

Les positions de souris sont rapportées dans plusieurs systèmes de coordonnées :

  • clientX/Y - Position relative à la fenêtre du navigateur (zone visible)
  • pageX/Y - Position relative au document entier (inclut le défilement)
  • screenX/Y - Position relative à l'écran du moniteur
  • offsetX/Y - Position relative à l'élément cible
  • movementX/Y - Mouvement relatif depuis le dernier événement (utile pour le glisser)

Ghosting et N-Key Rollover

Le ghosting survient lorsque certaines combinaisons de touches ne sont pas enregistrées sur certains claviers. Cet outil aide à détecter combien de touches votre clavier peut gérer simultanément (N-key rollover). Les claviers gaming supportent généralement le NKRO complet.

Détection du Double-Clic

Testez les double-clics pour TOUS les boutons de la souris (gauche, milieu, droite, précédent, suivant) avec un seuil de délai personnalisable (100-2000 ms). Aide à détecter les interrupteurs défectueux causant des double-clics involontaires. Ajustez le paramètre de délai pour correspondre à votre vitesse de clic.

Conseils

  • Certaines touches comme F1-F12 peuvent être interceptées par le navigateur ou l'OS. Essayez la touche Fn si disponible.
  • Le journal d'événements est utile pour déboguer le code JavaScript de gestion d'entrées.
  • Utilisez le panneau de coordonnées pour comprendre comment fonctionnent les différentes valeurs de position.
  • Exportez les journaux d'événements pour analyser le timing et les séquences d'événements.
  • Le clavier virtuel supporte les dispositions ANSI (US) et ISO (EU).

Questions fréquentes

Pourquoi certaines combinaisons de touches ne sont-elles pas reconnues ?

Ce phénomène s'appelle le ghosting ou le blocage de touches. Les claviers d'entrée de gamme utilisent un circuit matriciel qui ne peut physiquement pas enregistrer plus de 2 à 3 touches pressées simultanément dans certaines combinaisons. Les claviers gaming « N-key rollover » (NKRO) ont un circuit indépendant par touche et peuvent détecter toutes les touches simultanément. Testez votre clavier ici en appuyant sur plusieurs touches en même temps et observez lesquelles sont enregistrées.

Quelle est la différence entre les événements keydown, keypress et keyup ?

Ces trois événements clavier du navigateur se déclenchent dans l’ordre. keydown se déclenche dès qu’une touche est pressée et se répète si elle est maintenue. keypress ne se déclenchait que pour les caractères imprimables (aujourd’hui déprécié). keyup se déclenche au relâchement. keydown est recommandé car il capture toutes les touches, y compris Shift, Ctrl et les flèches.

Quelle est la différence entre DPI et taux de scrutation d’une souris ?

Le DPI (points par pouce) mesure le déplacement du curseur à l’écran par pouce de mouvement physique : plus le DPI est élevé, plus la souris est sensible. Le taux de scrutation (en Hz) représente le nombre de fois par seconde où la souris signale sa position à l’ordinateur ; 1000 Hz signifie une mise à jour toutes les 1 ms. Le DPI affecte la précision, le taux de scrutation affecte la fluidité et la latence.

Que signifient les coordonnées clientX/clientY et pageX/pageY ?

Les événements souris génèrent plusieurs paires de coordonnées. clientX/clientY sont relatives au viewport visible — elles commencent à zéro dans le coin supérieur gauche de la zone visible, quelle que soit la position de défilement. pageX/pageY sont relatives au document entier et augmentent lors du défilement. Pour la plupart des interactions UI, clientX/clientY est le choix recommandé.

Pourquoi la molette ne fonctionne-t-elle pas correctement dans une zone de texte ou un conteneur défilant ?

C’est le comportement normal du navigateur, appelé propagation des événements de défilement. Quand le curseur se trouve sur un élément défilant (comme une textarea ou un div avec overflow:scroll), les événements scroll sont d’abord envoyés à cet élément. Ils « remontent » vers la page seulement quand l’élément intérieur ne peut plus défiler. Placez le curseur en dehors de tout panneau défilant pour capturer les événements de défilement au niveau de la page.

Que signifient les positions du clavier ?

La position indique où se trouve une touche sur le clavier : Standard (0) pour la plupart des touches, Gauche (1) pour les modificateurs gauches, Droite (2) pour les modificateurs droits, et Pavé numérique (3) pour les touches du pavé numérique.

Pourquoi les boutons Précédent/Suivant ne répondent-ils qu'au relâchement ?

Les navigateurs retardent les événements des boutons précédent/suivant pour supporter la navigation native. L'outil affiche un retour visuel pendant 200ms pour assurer la visibilité. C'est une limitation du navigateur, pas un problème de périphérique.

Menu Rapide

Aucun outil récent