0

Есть три кнопки:

<button type='button'>1</button>
<button type='button'>2</button>
<button type='button'>3</button>

И код:

const buttons = document.querySelectorAll('button');
buttons.forEach((btn) => {
  btn.addEventListener('click', detect);
});
const detect = () => {
  //
};

Как в функции detect определить, какая кнопка была нажата? Пробовал через console.log(this), но это срабатывает только в функции внутри addEventListener

2 ответа 2

0

const buttons = document.querySelectorAll('button');
const detect = (e) => {
  console.log(e.target);
};
buttons.forEach((btn) => {
  btn.addEventListener('click', detect);
});
<button type='button'>1</button>
<button type='button'>2</button>
<button type='button'>3</button>

1
  • e.target - это может быть не совсем то, что хочет ТС, т.к. target - это элемент, на котором произошло событие, а не на который был повешен обработчик события. 23 апр 2019 в 9:03
-1

В событие доступна переменная this. В ней находится элемент на котором стоит обработчик и в случае срабатывания события он возвращает этот элемент.

const buttons = document.querySelectorAll('button'),
      detect = function(){
          console.log(this.innerHTML);
          console.log(this);
      };

 buttons.forEach((btn) => {
    btn.addEventListener('click', detect);
 });
1
  • Сдается мне, ваш код не будет работать. 23 апр 2019 в 9:02

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.