Comprobador de teclado

Qué comprueba un teclado en el navegador

Cuando pulsas una tecla, el navegador puede emitir eventos de teclado con varios campos. El campo key describe el valor o la acción que interpreta el sistema, como una letra, Enter o ArrowLeft. El campo code describe la tecla física de la especificación, como KeyA, Digit1 o Space. También existe location para distinguir, cuando aplica, una tecla izquierda, derecha o del teclado numérico.

Esta página pone el foco en esos datos observables. Primero debes enfocar el rectángulo de prueba y después pulsar las teclas. La última pulsación aparece con key y code, las teclas mantenidas se muestran por su code y el contador de repeticiones aumenta cuando un keydown llega con repeat verdadero. Así puedes comprobar una tecla alfanumérica, flechas, modificadores y teclas del bloque numérico sin depender de una lista cerrada de modelos de teclado.

Por qué key y code pueden ser distintos

La distribución del teclado modifica el carácter que recibe una aplicación. La tecla física situada en una posición puede producir “a” en una distribución y otra letra en una distinta. code está pensado para identificar la posición física, mientras key representa el resultado de la configuración, la tecla muerta o los modificadores. Una aplicación que mueve un personaje puede preferir code; un editor de texto suele necesitar key para insertar el carácter correcto.

Lectura técnica del evento

La documentación de KeyboardEvent.code describe el identificador físico y la de KeyboardEvent.key describe el valor interpretado. La herramienta expone ambos campos para que puedas compararlos con el comportamiento esperado de tu aplicación.

Para una prueba ordenada, registra primero una letra, después una flecha, un modificador y una tecla del bloque numérico. Anota code antes de cambiar la distribución y key después, porque el primer campo se mantiene ligado a la posición mientras el segundo puede cambiar con el idioma y Shift. Suelta cada tecla antes de iniciar la siguiente secuencia para que la lista de presionadas represente el estado actual.

El campo repeat tampoco significa que el hardware esté defectuoso. Si mantienes una tecla, el sistema operativo y el navegador pueden generar varios keydown. El primero normalmente lleva repeat false y los siguientes pueden llevarlo true. El test los cuenta y conserva la última lectura, sin convertir una repetición normal en un diagnóstico.

Un área de prueba con alcance limitado

Los manejadores de esta herramienta están ligados al bloque que enfocas. No se añade un listener global que capture las teclas mientras navegas por el resto de la página, ni se bloquean atajos fuera del test. Si una combinación está reservada por el navegador o por el sistema operativo, puede no llegar al área. Ese comportamiento pertenece a la plataforma y no debe interpretarse como una prueba concluyente del hardware.

Reiniciar limpia el historial, las teclas presionadas y el contador de repeticiones. Si una tecla aparece mantenida después de soltarla, desenfoca y vuelve a enfocar el área para empezar una secuencia nueva. También puedes comparar la lectura con la consola de una aplicación propia. Para tareas de desarrollo relacionadas, el formateador JSON, el convertidor HTML, el codificador Base64 y el minificador CSS y JS trabajan con datos locales sin pedir acceso al teclado completo.

Qué hacer ante una combinación reservada

Prueba primero la tecla individual dentro del área. Las combinaciones del sistema, del navegador o de herramientas de accesibilidad pueden no entregarse a una página web. Esa ausencia describe el límite del evento disponible, no demuestra que la tecla física esté rota.

Preguntas frecuentes

¿Cómo se usa el comprobador?
Enfoca el área de prueba y después presiona teclas dentro de ella. Verás el nombre key, el código físico code, la ubicación y si el navegador marcó repetición.

¿Qué diferencia hay entre key y code?
key representa el carácter o acción producida por la configuración activa. code identifica la posición física, como KeyA o ArrowLeft, con independencia del carácter que se muestre.

¿Qué significa repeat?
repeat indica que el navegador está enviando repeticiones de un keydown porque la tecla sigue pulsada. No equivale por sí solo a un fallo del teclado.

¿El comprobador intercepta las teclas de toda la página?
No. Los manejadores pertenecen al área enfocada del comprobador y no se instala un listener global para capturar tu navegación fuera de ella.

¿Por qué una tecla puede no aparecer?
Puede no haber foco, el sistema o el navegador puede reservar la combinación, o la tecla puede no producir un evento estándar. El resultado del test no diagnostica por sí solo un fallo físico.

¿Cómo borro el historial?
Pulsa Reiniciar. Se vacían la lista de pulsaciones, las teclas presionadas y el contador de repeticiones.