Como detectar Pause / Break
document.addEventListener('keydown', (event) => {
if (event.key === "Pause") {
// Pause / Break was pressed
}
});Use event.key para reagir ao que a tecla significa (ela segue o layout do teclado) e event.code para a posição física dela, por exemplo WASD em jogos. keyCode e which são obsoletos: ainda funcionam, mas os valores variam entre navegadores e layouts.
Como os navegadores tratam Pause / Break
Uma tecla legada que poucos teclados ainda têm; alguns notebooks precisam de Fn mais outra tecla.
No React
<input onKeyDown={(e) => { if (e.key === "Pause") { /* … */ } }} />Verificador de Keycode JavaScript
Pressione qualquer tecla e veja na hora todas as propriedades do evento de teclado, com um trecho keydown pronto para copiar para atalhos.
Perguntas frequentes
Qual é o keyCode da tecla Pause / Break?
19. Ele está obsoleto, porém: use event.key (“Pause”) ou event.code (Pause) em código novo.
Qual é a diferença entre event.key e event.code?
event.key é o caractere ou a ação que a tecla gera com o layout atual; event.code é a posição física da tecla, igual em qualquer layout.
Devo usar keydown ou keypress?
keydown. O evento keypress está obsoleto e não dispara para teclas que não geram caracteres, como Escape ou as setas.