Como simular um click com JavaScript

Neste artigo você vai aprender a como simular um click com JavaScript, ou seja, ativar um click em um elemento através da programação

Fala programador(a), beleza? Bora aprender mais sobre DOM e JavaScript!

Para resolver o nosso problema, primeiramente vamos precisar selecionar o elemento que precisa ser clicado

Isso pode ser feito através dos diversos métodos de seção, o que indico é querySelector

Pois podemos selecionar o elemento pelo seu seletor de CSS, tornando as coisas mais simples

Depois basta ativar o método click no elemento selecionado

Veja um exemplo:

const element = document.querySelector('#meu-elemento');

element.click();

Na primeira linha há a seleção do elemento, como mencionado anteriormente, este elemento tem o id de #meu-elemento

Depois o método click faz o trabalho que precisamos

Desta forma será simulado um comportamento de click, como se um usuário tivesse clicado no elemento alvo

Conclusão

Neste artigo você viu como simular um click com JavaScript

Utilizamos um seletor de elemento, que posteriormente receberá o click

Para finalizar, basta ativar o método click no elemento selecionado

Assim o JavaScript vai simular um clique real no elemento alvo

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 curso