@Night_Harpy

Как выбрать нужную кнопку через querySelectorAll?

на страничке есть несколько кнопок и мне нужно через querySelectorAll, выбрать все кнопки и определить по какой был нажат клик?
  • Вопрос задан
  • 100 просмотров
Решения вопроса 2
sniggering_deus
@sniggering_deus Куратор тега JavaScript
Dance Gavin Dance - Prisoner
document.addEventListener("click", function (event) {
  if (!event.target.closest(".element")) return;
  event.target.classList.add("active");
});


Или:

const elementEvent = (n) => {
  n.addEventListener("click", (event) => {
    event.target.classList.add("active");
  });
};

document.querySelectorAll(".element").forEach((n) => elementEvent(n));


Или:

document.addEventListener("click", ({ target }) => {
  if (!target.closest(".element")) return;
  target.classList.add("active");
});


Или:

document.addEventListener("click", (e) => {
  e.target.closest(".element")?.classList.add("active");
});
Ответ написан
wapster92
@wapster92 Куратор тега JavaScript
С телефона. Возможны синтаксические ошибки
const btns = document.querySelectorAll('.btn')
btns.forEach(el => {
   el.addEventListener('click', function(e) {
      this // твоя кнопка
   })
})
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы