Desarrollo

Información de keycode

Captura un evento keydown del navegador e inspeccione key, code, keyCode, location y flags de teclas modificadoras para apurar accesos rápidos de teclado.

Gratis Sin registro Se ejecuta en tu navegador

Espacio de trabajo de la herramienta

¿Qué es una herramienta de información de keycode?

Una herramienta de información de keycode captura un evento de teclado en el navegador y muestra los campos que los desarrolladores suelen inspeccionar al crear manipuladores de acceso rápido o interacciones de accesibilidad. Esta implementación registra un keydown en el botón de captura de la página y muestra el valor de key, el code físico, el keyCode legado, la localización de la tecla y los estados de los modificadores Ctrl, Alt, Shift y Meta. Ella es intencionalmente leve y, por lo tanto, no registra eventos keyup, secuencias de eventos, tiempo de repetición ni detalles de composición por IME.

Cómo usar la herramienta de información de keycode

  1. 1Haga clic en el área de captura con la etiqueta Click here, then press a key para dar foco del teclado al botón.
  2. 2Presione la tecla o combinación de accesos rápidos que desea inspeccionar y deje la página capturar este evento keydown.
  3. 3Consulte el área de salida del evento Key para ver key, code, keyCode, location y las flags de modificadores. Después, repita el proceso con otra tecla si necesita comparar los resultados.

Casos de uso comunes de la inspección de keycodes

Creación de accesos rápidos de teclado

Compruebe la combinación exacta de teclas y modificadores recibidas por la aplicación antes de implementar paletas de órdenes, accesos rápidos de editores o teclas de navegación.

Comparación entre teclas físicas y lógicas

Consulte cómo code y key difieren en diseños internacionales o cuando la misma tecla física produce un carácter diferente de lo esperado.

Depuración del keyCode legado

Captura el valor antiguo de keyCode junto a los campos modernos cuando todavía necesita ofrecer soporte a caminos de código o bibliotecas que dependen de las API de teclado legadas.

Preguntas frecuentes

What problem does Información de keycode solve?

Captura un evento keydown del navegador e inspeccione key, code, keyCode, location y flags de teclas modificadoras para apurar accesos rápidos de teclado.

Do I need to install software to use Información de keycode?

No. The tool works in a modern web browser, so you can complete the task without installing a separate desktop application.

Does this tool upload my data?

The tool is designed to run in the browser whenever possible. Tools that require a backend or AI service are labeled separately.