Escucha de eventos para elementos creados dinámicamente

Para agregar detectores de eventos a elementos generados dinámicamente sin jQuery, puede emplear la delegación de eventos. Aquí se explica cómo:

Usar delegación de eventos
La propiedad de destino del objeto de evento le permite identificar en qué elemento ocurrió el evento. Con esto, puede vincular un detector de eventos a un elemento principal y verificar que el elemento de destino responda a criterios específicos. Por ejemplo:

document.querySelector('body').addEventListener('click', function(event) {
  if (event.target.tagName.toLowerCase() === 'li') {
    // Do your action on the newly created 'li'
  }
});

En este ejemplo, el detector de eventos está vinculado al cuerpo y, cuando se hace clic en cualquier elemento secundario, el código verifica si es un 'li'. Si es así, se realiza la acción especificada.

Advertencias
Tenga en cuenta que este enfoque funciona bien con navegadores modernos que admiten el mecanismo de delegación de eventos. Para versiones anteriores de IE, es posible que necesites implementar un controlador de eventos personalizado mediante adjuntarEvent.