Enfoca este campo y pulsa teclas o atajos. El payload del evento se actualiza en keydown y keyup.

Cuándo usar el Inspector de códigos de tecla

Usa este inspector de eventos de teclado cuando necesites valores exactos del navegador:

Depurar atajos de teclado
Confirma los valores de key, code y modificadores que producen los atajos antes de conectarlos a manejadores JavaScript.
Comparar keydown y keyup
Inspecciona ambos tipos de evento para verificar la repetición, el estado de composición y el orden de las interacciones.
Documentar informes de QA
Copia el payload estructurado del evento en informes de errores para que el equipo reproduzca problemas de teclado.
Validar controles accesibles
Comprueba que Enter, Espacio, Escape, flechas y combinaciones con modificadores entregan los valores que espera tu interfaz accesible.
Probar distintos teclados
Compara la salida del navegador con teclados de portátil, externos, internacionales o móviles sin instalar software.

Preguntas frecuentes

¿Qué muestra este inspector de códigos de tecla?: Muestra el payload del evento de teclado de JavaScript para el campo enfocado, incluidos key, code, keyCode, which, ubicación, repetición, composición, modificadores, selección y marca de tiempo.
¿Por qué key y code a veces son distintos?: key describe el carácter o la acción producida por la pulsación, mientras que code identifica la posición física de la tecla. Las distribuciones de teclado y los modificadores pueden hacer que esos valores cambien.
¿Se envía mi entrada de teclado a un servidor?: No. La inspección del evento ocurre en tu navegador. La app no guarda ni sube los datos de teclas capturados, aunque las páginas de AppDoesIt en producción pueden cargar analíticas estándar.
¿Puedo probar atajos de teclado con modificadores?: Sí. Enfoca el campo de captura y mantén Shift, Ctrl, Alt o Meta mientras pulsas otra tecla. Los atajos reservados por el navegador pueden interceptarse antes de que la página los reciba.
¿Por qué algunos teclados móviles muestran menos datos?: Los teclados móviles y virtuales varían según el navegador y el sistema operativo. Algunas teclas o eventos de composición pueden exponer menos detalles que un teclado físico.