Como detectar esc com JavaScript (Tecla Escape)

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!