Neste artigo você vai aprender a como detectar o enter com JavaScript, ou seja, criar um evento a partir da tecla enter
Fala programador(a), beleza? Bora aprender mais sobre eventos, DOM e também JavaScript!
Para criar um evento a partir da ação de pressionar um enter, por parte do usuário do nosso sistema, precisamos utilizar o método addEventListener no document
Ou seja, a página estará esperando um evento, que é o do Enter
O nome do evento que mapeia as teclas é o keypress, vamos utilizá-lo
E então checamos a key enviada pelo evento, que é a Enter (com E maiúsculo)
Esta chave representa o envio de um enter pelo usuário
Veja um exemplo prático do que foi explicado:
document.addEventListener("keypress", (e) => {
if (e.key === "Enter") {
console.log("Enter pressionado!")
}
});Se você adicionar o código acima ao seu projeto, todos os enter’s serão logados no console
E desta forma conseguimos executar alguma lógica baseada em um input de enter pelo usuário
Conclusão
No artigo de hoje vimos como detectar o enter com JavaScript
Utilizamos o método addEventListener no document, ou seja, qualquer evento será monitorado a partir de então, do tipo keypress
E então verificamos se a key enviada é o Enter, se sim executamos alguma lógica
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!