0

Мне нужно в условие if вписать событие клика на элемент. Например у меня 3 кнопки в блочном элементе, что нужно написать в скобках вместо ..., чтобы при нажатии на кнопку 2, срабатывала консоль

if (...) {
    console.log(123);
}

2 ответа 2

0

document.querySelector('.block').addEventListener('click', e => {
  const button = e.target.closest('.block__button');

  if (!button) return;

  if (button.getAttribute('data-button') === '2') {
    console.log('Click me #2');
  }
});
<div class="block">
  <div class="block__button" data-button="1">Click me #1</div>
  <div class="block__button" data-button="2">Click me #2</div>
  <div class="block__button" data-button="3">Click me #3</div>
</div>

-1
<div class="wrapper">
    <button type="button" class="button">Кнопка 1</button>
    <button type="button" class="button">Кнопка 2</button>
    <button type="button" class="button">Кнопка 3</button>
</div>

js:

document.addEventListener('click', function(e) {
    if (e.target.classList.contains('button')) {
        console.log('123');
    }
});

у метода closest слабая поддержка!!

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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