Event Listening em elementos criados dinamicamente sem jQuery

Ao trabalhar com páginas externas, adicionar ouvintes de eventos a elementos gerados dinamicamente pode ser um desafio. Delegar a manipulação de eventos é crucial em tais cenários.

Uma abordagem é usar a propriedade event.target para verificar se o elemento clicado ou acionado é do tipo desejado. Aqui está um exemplo:

document.querySelector('body').addEventListener('click', function(event) {
  if (event.target.tagName.toLowerCase() === 'li') {
    // Execute desired action on encountered 'li' elements
  }
});

Nota: Esta abordagem assume que os elementos desejados estão dentro do elemento

Advertências:

• Este método se aplica apenas a navegadores compatíveis com padrões (por exemplo, IE9 ) .
• Para versões mais antigas do IE (por exemplo, IE8), pode ser necessário um wrapper personalizado em torno das funções nativas adequadas usando attachmentEvent.