Información del código clave
Detecta instantáneamente los códigos de tecla, los valores de tecla y los modificadores de JavaScript. Encuentra las propiedades keyCode, code, location para cualquier tecla presionada en tiempo real.
Guía
Esta herramienta es una utilidad sencilla del lado del cliente para detectar y mostrar las propiedades de cualquier tecla que presione. Está diseñada para desarrolladores, diseñadores y cualquier persona que necesite encontrar rápidamente información sobre los eventos del teclado. La herramienta opera en tiempo real, proporcionando instantáneamente propiedades de las teclas sin enviar ningún dato a través de Internet.
Cómo funciona
Simplemente haga clic en cualquier lugar de la página y presione una tecla en su teclado. La herramienta captura el evento del teclado y muestra un desglose de sus propiedades, incluyendo:
- Tecla: El valor de la tecla, como
a
,Enter
, oShift
. - Código de tecla: Un valor numérico que corresponde a la tecla presionada. Nota: Esta propiedad se considera obsoleta, pero aún es útil para aplicaciones web más antiguas.
- Código: Un identificador de tecla física que no se ve afectado por la disposición del teclado. Por ejemplo, presionar
q
en una disposición QWERTY ya
en una disposición AZERTY, ambos devolverán el códigoKeyQ
. Esto es particularmente útil para construir juegos o aplicaciones donde la ubicación física de la tecla importa más que el carácter que produce. - Ubicación: Un entero que especifica la ubicación de la tecla en el teclado (por ejemplo,
1
para teclas del lado izquierdo,2
para teclas del lado derecho, y0
para teclas no ubicadas). - Modificadores: Una lista de cualquier tecla modificadora que también se mantenga presionada, como
Meta
(la tecla Windows o Comando),Alt
,Control
, oShift
.
Casos de uso
- Desarrollo web: Depure y pruebe rápidamente los eventos del teclado para aplicaciones web, juegos y formularios.
- Diseño de interfaz de usuario: Determine combinaciones de teclas para atajos y teclas de acceso rápido.
- Propósitos educativos: Aprenda sobre cómo se manejan los eventos del teclado en JavaScript y las diferentes propiedades de una pulsación de tecla.
- Compatibilidad entre navegadores: Pruebe cómo diferentes navegadores manejan los eventos de las teclas e identifique posibles problemas.
Instalar extensiones
Agregue herramientas IO a su navegador favorito para obtener acceso instantáneo y búsquedas más rápidas
Herramientas clave
Ver todo Los recién llegados
Ver todoActualizar: Nuestro última herramienta fue añadido el 23 de septiembre de 2025