Прослушиватель событий для динамически создаваемых элементов

Чтобы добавить прослушиватели событий к динамически генерируемым элементам без jQuery, вы можете использовать делегирование событий. Вот как:

Используйте делегирование событий
Свойство target объекта события позволяет определить, на каком элементе произошло событие. Используя это, вы можете привязать прослушиватель событий к родительскому элементу и проверить целевой элемент на соответствие определенным критериям. Например:

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

В этом примере прослушиватель событий привязан к телу, и когда происходит щелчок по любому дочернему элементу, код проверяет, является ли это 'li'. Если да, то указанное действие выполняется.

Предупреждения
Обратите внимание, что этот подход хорошо работает с современными браузерами, поддерживающими механизм делегирования событий. Для более старых версий IE вам может потребоваться реализовать собственный обработчик событий с помощью AttachEvent.