Visor de Códigos de Tecla
Muestra los códigos de las teclas (key, code, which) al presionar cualquier tecla.
Presiona una tecla
event.key-
event.code-
event.keyCode-
¿Por Qué Usar un Visor de Códigos de Tecla?
Para un desarrollador de JavaScript, capturar eventos de teclado es una tarea común. Sin embargo, el objeto `KeyboardEvent` ofrece diferentes propiedades para identificar una tecla, y no todas son iguales. Esta herramienta te permite depurar rápidamente y entender las diferencias sin tener que escribir `console.log()` en tu código.
Entendiendo las Propiedades
- event.key: Representa el valor del carácter generado por la tecla. Es sensible a mayúsculas/minúsculas y al idioma del teclado (ej. "a", "A", "ñ", "Enter"). Es la opción recomendada en la mayoría de los casos.
- event.code: Representa la tecla física que se presionó en el teclado, ignorando el idioma o si Shift estaba activo (ej. "KeyA", "ShiftLeft", "Enter"). Es ideal para atajos de teclado o controles de juegos (WASD).
- event.keyCode (obsoleto): Es la propiedad antigua para identificar teclas. Su uso está desaconsejado porque sus valores pueden variar entre navegadores y sistemas operativos, pero esta herramienta lo muestra por si necesitas dar soporte a código antiguo.