JavaScript

Como detectar o enter com JavaScript

20 de agosto de 2021

Como detectar o enter com JavaScript

Neste artigo você vai aprender a como detectar o enter com JavaScript, ou seja, criar um evento a partir da tecla enter

detectar o enter com JavaScript capa

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!
Subscribe
Notify of
guest
0 Comentários
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x