Cómo detectar la tecla punto y coma (;)
document.addEventListener('keydown', (event) => {
if (event.key === ";") {
// Semicolon (;) was pressed
}
});Usa event.key para reaccionar según el significado de la tecla (sigue la distribución del teclado) y event.code para su posición física, por ejemplo WASD en los juegos. keyCode y which están obsoletos: siguen funcionando, pero sus valores varían entre navegadores y distribuciones.
Cómo tratan los navegadores la tecla punto y coma (;)
Las teclas de puntuación cambian de lugar en los teclados internacionales: en los teclados alemanes, esta tecla escribe Ö. Usa event.key para el carácter escrito y event.code solo para posiciones físicas, como los controles de un juego.
En React
<input onKeyDown={(e) => { if (e.key === ";") { /* … */ } }} />Buscador de Keycodes JavaScript
Pulsa cualquier tecla y mira al instante todas las propiedades del evento de teclado, con un fragmento keydown listo para copiar para tus atajos.
Preguntas frecuentes
¿Cuál es el keyCode de la tecla punto y coma (;)?
186. Sin embargo, está obsoleto: usa event.key (“; (o : con Mayús)”) o event.code (Semicolon) en el código nuevo.
¿Cuál es la diferencia entre event.key y event.code?
event.key es el carácter o la acción que produce la tecla con la distribución actual; event.code es la posición física de la tecla, igual en todas las distribuciones.
¿Debo usar keydown o keypress?
keydown. El evento keypress está obsoleto y no se dispara con teclas que no producen caracteres, como Escape o las flechas.