0

Bom pessoal estou com uma duvida, eu gostaria de clicar em elementos HTML não clicáveis, como por exemplo

Eu sei que com o seguinte código podemos clicar em um botão

sabendo que estou trabalhando via console no navegador

document.element.click()

Sendo que

element = <a>

Agora como eu faria se caso fosse uma div ou outra tag HTML?

5
  • 1
    Talvez possa ajudar, Relacionada: Como fazer um trigger para um evento SEM jQuery? Commented 27/09/2019 às 19:36
  • 1
    Relacionada: Como criar e usar eventos personalizados Commented 27/09/2019 às 19:45
  • E por que você gostaria de clicar em uma div, que não tem nenhuma ação ao clique? O que você espera que esse click "artificial" faça? Commented 27/09/2019 às 19:50
  • Então é por curiosidade pois estou em uma pagina e percebi que o campo só fica editavel quando eu clico no componente, mas percebi que é resposta é trabalhar com eventos e não manipulando o DOM como eu estava tentando fazer. @LuizFelipe. Commented 27/09/2019 às 19:55
  • 1
    Muito obrigado pelo links @IcaroMartins acho que com eles vou conseguir oque quero. Commented 27/09/2019 às 19:56

1 Resposta 1

1

A grande questão é que você consegue adicionar event listener para um 'click' em qualquer elemento html.

No seu caso, uma div, é só adicionar a function handler do evento:

const divElement = document.querySelector('#idDaDiv');
divElement.addEventListener('click', () => alert('clicou'));

E então, quando quiser, disparar o evento como você mesmo mencionou acima:

//...
divElement.click();

Ou disparar o evento usando alguma das abordagens das outras respostas.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .