Recuento por tipo de evento
- —
Compara las cantidades de eventos keydown, keyup, repetición automática y composición del registro actual en memoria.
Probador de eventos de teclado JavaScript
Enfoca el área de prueba y pulsa teclas para consultar los datos keydown, keyup, key, code, location, repeat, modificadores, composición y tiempos que recibe este navegador.
Captura de eventos y controles del registro
El filtro solo cambia la vista de la tabla; no elimina el registro completo guardado en memoria.
Esperando un evento de teclado
Tab conserva la navegación de foco nativa. Pausar, perder el foco u ocultar la página borra las teclas activas y la base temporal, pero conserva el historial.
- Registro conservado
- 0
- Teclas activas
- 0
- Keydown / keyup
- 0 / 0
- Registros más antiguos eliminados
- 0
Teclas activas ahora
- No hay teclas pulsadas en este momento.
Enfoca el área de prueba y pulsa una tecla para ver su evento.
key actual
—
Esperando un evento del navegador
- code
- —
- location
- —
- repeat
- —
- Intervalo del evento
- —
Enfoca el área de captura y pulsa una tecla. Esta página solo registra los eventos que recibe esa zona, no el teclado global del sistema.
Registro de eventos de teclado
La memoria conserva hasta 500 entradas. La tabla muestra las 100 filas más recientes después del filtro; las descargas incluyen todo el registro en memoria.
| # | type | key | code | location | repeat | isComposing | modifiers | Δ ms | hold ms |
|---|---|---|---|---|---|---|---|---|---|
| Todavía no hay eventos que coincidan con el filtro actual. | |||||||||
Tipos de evento e intervalos de tiempo
Distribución de intervalos consecutivos
El histograma usa solo intervalos positivos dentro de una misma fase de registro consecutiva. Pausar, perder el foco u ocultar la página reinicia la base temporal.
Más información
Campos del evento y cálculo del tiempo
key describe el carácter o significado de la distribución activa; code describe una posición física relativamente estable; location distingue la zona estándar, los lados y el teclado numérico. Los intervalos usan diferencias consecutivas de Event.timeStamp. El tiempo de pulsación empareja el primer keydown no repetido de un code con su keyup posterior.
Los valores en milisegundos se conservan sin redondear internamente. La página suele mostrar dos decimales y nunca calcula intervalos ni tiempos de pulsación atravesando una pausa, pérdida de foco o fase de página oculta.
El tipo debe ser keydown o keyup y la marca de tiempo debe ser un valor finito no negativo. Las diferencias invertidas, inválidas o superiores a 10 minutos se excluyen de los intervalos y del tiempo de pulsación.
Límites del navegador y del registro
Esta herramienta analiza únicamente los KeyboardEvent que recibe el área de prueba de la página actual. Tab mantiene la navegación nativa y no se registra; los atajos del navegador o del sistema, Fn y algunas teclas multimedia pueden no capturarse. key depende de la distribución y el método de entrada, mientras que code no sustituye el significado del carácter. El registro en memoria admite como máximo 500 entradas y desaparece al recargar o cerrar.
¿Cuál es la diferencia entre key y code de KeyboardEvent?
key describe el carácter o significado producido por la distribución y los modificadores activos. code describe una posición física relativamente estable. Usa key para problemas de distribución o caracteres y normalmente registra también code para teclas fijas o controles de juegos.
¿Cómo puedo ver los eventos keydown y keyup?
Enfoca el área de captura haciendo clic o pulsando Tab y después pulsa teclas. La página registra keydown y keyup en el orden de llegada y muestra repeat, modificadores, composición, intervalos y tiempo de pulsación cuando puede emparejarse.
¿Para qué sirve KeyboardEvent location?
location suele usar 0 para la sección estándar, 1 para el lado izquierdo, 2 para el derecho y 3 para el teclado numérico. Permite distinguir Shift, Ctrl, Alt y Meta izquierdos y derechos, además de las teclas de la fila principal y del teclado numérico.
Privacidad, fuentes y licencia
Todos los eventos y registros se procesan en la memoria de la página de este navegador. No se sube nada, no se llama a API de terceros y no se escribe en la URL ni en el almacenamiento local. Las descargas y copias solo se ejecutan después de una acción del usuario.
No se reutilizan código ni recursos de terceros en tiempo de ejecución. El algoritmo y la interfaz son de implementación propia; los enlaces externos explican únicamente estándares de eventos del navegador.