Как в js добавить отложенный обработчик событий?

Question

[v3shin]

Есть ли в js простой нативный способ добавить отложенный обработчик событий, аналогичный jQuery-вскому $(document).on('click', '.element', handler())?

Comments

[Kovalsky]

Отложенный? Это делегирование

Answer 1

[Антон Иванов]

Конечно есть. Ведь под капотом jQuery именно он и используется. Смотрите тут
Делегирование событий

Answer 2

[Stalker_RED]

function foo(elem, eventType, selector, handler) {
  elem.addEventListener(eventType, function(evt) {
    if (evt.target.matches(selector)) {
      handler(evt)
    }
  })
}

вот, я сделяль!
foo(document, 'click', '.element', handler)

UPD:

e.target может находиться внутри требуемого элемента. К примеру, иконка внутри кнопки

evt.target.matches(selector) заменить на evt.taget.closest(selector)

Answer 3

[Somewhere Intech]

document.addEventListener('click', function(e){
   if (e.target.classList.contains('element')){
         // your code
   }
})

Comments

[v3shin]

Дело в том, что e.target может находиться внутри требуемого элемента. К примеру, иконка внутри кнопки.

[Stalker_RED]

v3shin, closest()