Как повесить событие на элементы, которых ещё нет?

Question

[Dvorak]

В jQuery можно сделать вот так:
$(body).on('click', '.name-class', (e) => {...});
Если я правильно понял, то этот код добавит обработчик события не только на все элементы с классом 'name-class', которые есть на странице, но и на элементы с таким классом, которые в будущем будут созданы динамически.
Как реализовать подобное на чистом JS?

Answer 1

[lemme]

https://learn.javascript.ru/event-delegation

А вот банальный пример метода on (только для классов, но суть от этого не меняется).
https://jsfiddle.net/01yswvcc/

Answer 2

[Kovalsky]

$(body).on('click', '.name-class', (e) => {...});

Этот код вешает обработчик только на body. По клику на body проверяется соответствует ли target селектору (в данном случае '.name-class'), если да - выполняется функция.

Вероятно, реализовать такое можно используя тот же принцип: по клику проверять соответствуют ли элементы некоему условию, выполнять функцию в случае соответствия.