Почему при использовании querySelectorAll событие click срабатывает по всему документу?

Question

[steklovatnik]

Если повесить событие на отдельный элемент, то все ок, кликаем по нему -срабатывает, кликаем вне элемента - не срабатывает.
Но если возьмем несколько элементов, то событие клика начинает .. всплывать?
Правильно ли я понимаю, что нет смысла использовать querySelectorAll для назначения события и надо отталкиваться от document и уже в обработчике проверять, что лежит в event.target?

// document.querySelector("button").addEventListener("click", handler);
document
  .querySelectorAll("button")
  .forEach((button) => addEventListener("click", handler));

function handler(e) {
  console.log(e.target);
}

Comments

[Сергей Сергей]

button) => button.addEventListener

[steklovatnik]

Сергей Сергей, видать не проснулся с субботы я, какая же тупая ошибка, спасибо!