post #5326
Simulação de Clique em Elemento Dinâmico com JavaScript (Exemplo: Slide JetEngine)
Publicado em: 08/06/2024 / Atualizado em: 08/06/2024
Para automatizar a interação com elementos específicos em seu site, você pode usar JavaScript para simular cliques em elementos selecionados dinamicamente. Usando o parâmetro click() do JavaScript:
// Exemplo:
var button = document.querySelector("AQUI VAI A CLASS OU ID DO CSS");
button.click();Este código permite selecionar um item específico dentro de uma lista de pontos de navegação (.jet-slick-dots li) com base em um índice dinâmico e simular um clique nele a intervalos regulares. Essa técnica é útil para criar carrosséis automáticos ou para testar a funcionalidade de elementos interativos em sua página. Aqui está o exemplo completo do código:
function simulateButtonClick(nthChild) {
// Seleciona o elemento com a classe especificada e o nth-child dinâmico
var selector = `.jet-slick-dots li:nth-child(${nthChild})`;
var button = document.querySelector(selector);
// Verifica se o elemento foi encontrado
if (button) {
// Simula um clique no botão
button.click();
} else {
console.error(`Elemento com o seletor '${selector}' não encontrado.`);
}
}Neste exemplo, estou usando a função para selecionar um “dot” (ponto) do slide do site que esta usando JetEngine, para fizer qual slide deve aparecer na tela. Se eu executar simulateButtonClick(2) ele vai exibir o slide 2, se usar simulateButtonClick(5) vai aparecer o slide 5. Simulando como se eu tivesse clicando nas “bolinhas” (dots: pontos) que ficam debaixo do slide.
Publicações recomendadas:
Link Direto
Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.
bruno.art.br/?p=5326
ID de Referência: 5326
Sugira uma publicação
Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.