Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Inserir Listener em um elemento que não está no DOM no carregamento inicial da Página

Como eu consigo criar um listener para um elemento inserido dinamicamente no DOM? estou carregando meu HTML dinâmicamente e dentro dele existem componentes que eu quero preciso adicionar um listener, só funciona se o componente já existir no carregamento da página .. como consigo contornar este problema?

3 respostas

Fala ai Evandro, tudo bem? Depende, talvez você precise mudar a maneira como está criando e inserindo esses componentes dinamicamente na página.

Isso porque você vai precisar criar utilizando a API de criação de elementos do navegador: createElement.

Ai consegue fazer algo assim:

const tituloNovo = document.createElement('h1')
tituloNovo.addEventListener('mouseenter', () => {
    // ...
})

Espero ter ajudado.

solução!

Ola Matheus,

Obrigado pelo retorno, vou tentar essa abordagem tbm, consegui resolver utilizando jQuery:

$(document).on('dblclick', 'seletor', function(event) { .... }

att, Evandro dos Santos

Boa Evandro, sempre que precisar não deixe de criar suas dúvidas.

Abraços e bons estudos.