Neste artigo você vai aprender a como detectar esc com JavaScript, ou seja, como monitorar um evento quando a tecla escape é pressionada
Fala programador(a), beleza? Bora aprender mais sobre DOM e JavaScript!
Para verificar quando o usuário aperta esc, podemos criar um evento no document
Que vai checar todas as teclas que são pressionadas
Porém vamos buscar por uma key específica, todo evento tem uma propriedade chamada key
E a do esc se chama “Escape”, a busca pode ser feita por uma comparação if
Veja um exemplo prático do que foi explicado acima:
document.onkeydown = function(e) {
if(e.key === 'Escape') {
console.log("APERTOU ESC!")
}
}Agora sempre que o esc for pressionado você tem a possibilidade de executar alguma lógica
Que é o que você precisa fazer quando o usuário pressiona esta tecla, simples não é? 🙂
Há uma outra abordagem utilizando keyCode, mas este recurso provavelmente será descontinuado
Então tome cuidado ao utilizar a propriedade keyCode para checar o número do evento de esc, que é o 27
Conclusão
Neste artigo você aprendeu a como detectar esc com JavaScript
Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!
Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!
Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias
O link acima contém um cupom de desconto para os cursos!