Como simular um clique com JavaScript?
Como simular um clique com JavaScript?
As abordagens a seguir podem ser implementadas para aplicar uma simulação de clique em JavaScript:
- ““ONCLICKEvento.
- ““addEventListener ()”Método.
- ““clique()”Método.
Abordagem 1: simular um clique com JavaScript usando o evento OnClick
Um "ONCLICK”O evento ocorre quando o botão é pressionado. Essa abordagem pode ser aplicada para invocar uma função no clique do botão e incrementar o “clique em contar”Cada vez que o botão é clicado.
Nota: Um "ONCLICK”O evento pode ser simplesmente aplicado anexando -o com uma função específica.
Exemplo
Passe pelo snippet de código a seguir:
Clique em simulado> vezes
- Inclua o cabeçalho especificado junto com um “”Tag para incrementar o“contar”De cliques.
- Na próxima etapa, crie um botão com um anexo “ONCLICK”Evento redirecionando para a função CountClick () que será acessada no botão Clique.
Agora, vamos passar pelas seguintes linhas de código JavaScript:
Na parte JS acima do código:
- Aqui, inicialmente inicialize os cliques com “0”.
- Depois disso, declare uma função chamada “CountClick ()”. Em sua definição, incremento o inicializado “cliques" com "1”. Isso resultará em incrementar a contagem toda vez que o botão for clicado.
- Por fim, acesse o “período”Elemento usando o“documento.QuerySelector ()”Método. Além disso, aplique o “TextContent”Propriedade para alocar a contagem de cliques incrementada discutida anteriormente para o elemento Span.
A saída será a seguinte:
A funcionalidade do cronômetro incrementado em cada clique pode ser observado na saída acima.
Abordagem 2: simular um clique com JavaScript via método addEventListener ()
O "addEventListener ()”O método aloca um manipulador de eventos para um elemento. Este método pode ser implementado anexando um evento específico a um elemento e alertando o usuário sobre o gatilho do evento.
Sintaxe
elemento.addEventListener (evento, função)Na sintaxe dada:
- ““evento”Refere -se ao nome do evento.
- ““função”Aponta para a função a ser executada quando o evento ocorre.
Exemplo
A demonstração abaixo do rumo explica o conceito declarado:
Clique no link
No código acima:
- Em primeiro lugar, especifique um “âncora”Tag para incluir o link especificado
- Na parte JavaScript do Código, acesse o link criado usando o “documento.getElementById ()”Método.
- Finalmente, aplique o “addEventListener ()”Método para o acessado“link”. O "clique”O evento está anexado neste caso, o que resultará em alertar o usuário ao clicar no link criado.
Saída
Abordagem 3: simular um clique com javascript usando o método click ()
O "clique()”O método realiza uma simulação de cliques de mouse sobre um elemento. Este método pode ser usado para simular um clique diretamente para os botões anexados, conforme o nome especifica.
Sintaxe
elemento.clique()Na sintaxe dada:
- ““elemento”Aponta para o elemento sobre o qual o clique será executado.
Exemplo
O snippet de código a seguir explica o conceito declarado:
Você achou esta página útil?
- Primeiro, inclua o cabeçalho declarado no “" marcação.
- Depois disso, crie dois botões diferentes com o ID especificado.
- Além disso, anexe um “ONCLICK”Evento com ambos invocando a função simulateclick ().
- Na próxima etapa, inclua outro título com o especificado “eu ia”Para notificar o usuário assim que o“clique”É simulado.
Agora, passe pelas linhas JavaScript abaixo:
- Defina uma função “simulateclick ()”.
- Aqui, acesse os botões criados usando o “documento.getElementById ()”Método e aplique o“clique()”Método para eles.
- Agora, da mesma forma, acesse o cabeçalho alocado e aplique o “InnerText”Propriedade para exibir a mensagem declarada como um título no clique simulado.
Saída
Na saída acima, é evidente que ambos os botões criados simulam o clique.
Este blog demonstra como aplicar uma simulação de clique usando JavaScript.
Conclusão
Um "ONCLICKEvento, o “addEventListener ()”Método, ou o“clique()”O método pode ser utilizado para simular um clique com JavaScript. Um "ONCLICK”O evento pode ser aplicado para simular um clique cada vez que o botão é clicado na forma de um contador. O "addEventListener ()”O método pode ser usado para anexar um evento ao link e notificar o usuário na simulação de cliques. O "clique()”O método pode ser aplicado aos botões criados e executa a funcionalidade necessária para cada um dos botões. Este artigo explica como aplicar uma simulação de clique em javascript.