Visor de Códigos de Tecla

¿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.