Escucha de eventos en elementos creados dinámicamente sin jQuery

Cuando se trabaja con páginas externas, agregar detectores de eventos a elementos generados dinámicamente puede resultar un desafío. Delegar el manejo de eventos es crucial en tales escenarios.

Un enfoque es usar la propiedad event.target para verificar si el elemento activado o en el que se hizo clic es del tipo deseado. Aquí hay un ejemplo:

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

Nota: Este enfoque supone que los elementos deseados están dentro del elemento

Advertencias:

• Este método solo se aplica a navegadores que cumplen con los estándares (por ejemplo, IE9). .
• Para versiones anteriores de IE (p. ej., IE8), puede ser necesario un contenedor personalizado para las funciones nativas adecuadas usando adjuntoEvent.