Если повесить событие на отдельный элемент, то все ок, кликаем по нему -срабатывает, кликаем вне элемента - не срабатывает.
Но если возьмем несколько элементов, то событие клика начинает .. всплывать?
Правильно ли я понимаю, что нет смысла использовать 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);
}
