Qué son los códigos de tecla JavaScript?
Los códigos de tecla JavaScript son valores numéricos asignados a cada tecla del teclado. Cuando un usuario presiona una tecla, el navegador dispara eventos (keydown, keyup, keypress) que contienen propiedades como keyCode, key, code y which. La propiedad keyCode devuelve un entero (ej: 13 para Enter), mientras event.key devuelve una cadena ('Enter'). La propiedad event.code representa la tecla física independientemente del idioma del teclado.
Por qué importa la consulta de códigos de tecla
Construir interfaces controladas por teclado requiere conocer los códigos exactos. Ya sea implementando atajos (Ctrl+S para guardar), controles de juego (WASD), navegación accesible (Tab, Enter, Escape) o hotkeys personalizados, necesitas referencias de códigos confiables. Diferentes navegadores históricamente devolvian valores distintos, haciendo esencial una herramienta de consulta interactiva.
Diferencias entré Key, Code y KeyCode
event.key devuelve el significado lógico de la tecla (ej: 'a' o 'A' según Shift). event.code devuelve el identificador de la tecla física (ej: 'KeyA' sin importar el idioma del teclado). El legado event.keyCode devuelve un entero numérico. El desarrolló web moderno favorece event.key y event.code sobre el deprecado keyCode, pero los códigos legacy aún se usan ampliamente.
Mejores prácticas para manejo de eventos de teclado
Usa event.key para detección de caracteres y event.code para posición física (importante en juegos). Maneja tanto keydown como keyup para combinaciones. Previene el comportamiento por defecto con cuidado para no romper la accesibilidad. Prueba con diferentes layouts (QWERTY, AZERTY, Dvorak) para asegurar compatibilidad internacional.
