Visor de teclas y eventos JavaScript

Pulsa una tecla: event.key, event.code, keyCode, modificadores, IME y eventos de puntero.

Events are read only while this field has focus. Turn blocking off to type into it (for IME tests).

Tab and Shift+Tab always move focus, and nothing is blocked while an input method (IME) is composing.

Last keydown

Press a key

JavaScript for this shortcut

Match by

Follows the user's layout: right for shortcuts named after a letter or symbol (Ctrl+Z, ?).

—

Event history

Events appear here as you type in the field.

Qué hace

Haz clic en el campo de captura y pulsa teclas: para cada keydown verás event.key, event.code, keyCode y which (obsoletos), location, los modificadores, la repetición, la composición de IME y el Bloq Mayús. Un historial registra keydown, keyup, keypress, composition y beforeinput, y la herramienta genera un manejador JavaScript para la combinación pulsada. Otra pestaña examina eventos de ratón, rueda, toque y puntero.

key, code y keyCode

key es lo que produce la tecla con la distribución actual ("a", "?", "Enter"); code es la tecla física según la posición en QWERTY de EE. UU. ("KeyA"); keyCode y which están obsoletos y valen 229 durante la composición de un IME. Usa key para atajos con nombre de carácter y code para posiciones, como WASD en juegos.

Sin atrapar el teclado

El bloqueo de atajos solo actúa mientras el campo tiene el foco, se puede desactivar, y Tab y Mayús+Tab nunca se bloquean. Nada se bloquea durante la composición de un IME. Algunas combinaciones, como Alt+Tab, nunca llegan a la página.

Preguntas frecuentes

¿Qué diferencia hay entre event.key y event.code?

key es el carácter producido con la distribución actual; code es la posición física de la tecla.

¿Debo usar keyCode?

No, está obsoleto y sus valores varían entre navegadores y distribuciones.

¿Por qué mi atajo se dispara al escribir con un IME?

Porque el manejador no comprueba event.isComposing; sal temprano cuando sea true.