Определить на какой элемент нажал пользователь

Question

Есть 10 кнопок с одинаковым классом на сайте. Нужно определить на какой из 10 кнопок я нажал.

Для чего именно определять? В колбэк функции клика this будет указывать на тот самый объект — Алексей Шиманский, Jul 02 '19 at 15:39
Можете прислать пример кодом, а то я не совсем понимаю( — Stas, Jul 02 '19 at 15:42
Можете открыть учебник "javascript для чайников" и начать с азов, в которых всё это написано — Алексей Шиманский, Jul 02 '19 at 15:45
смотрите как много: Книги и учебные ресурсы по JavaScript — Алексей Шиманский, Jul 02 '19 at 15:46

score 2 · Accepted Answer · answered Jul 02 '19 at 15:45

Вам в обработчике приходит this, который указывает на нажатый элемент

jQuery(function($) {
  $('.btn').click(function() {
    const el = $(this);
    console.log(el.text(), el.data("btn"));
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button class="btn" data-btn="1">Button 1</button>
<button class="btn" data-btn="2">Button 2</button>
<button class="btn" data-btn="3">Button 3</button>
<button class="btn" data-btn="4">Button 4</button>
<button class="btn" data-btn="5">Button 5</button>
<button class="btn" data-btn="6">Button 6</button>

score 0 · Answer 2 · answered Jul 02 '19 at 16:12

0

document.body.addEventListener('click', () => {
  var target = event.target;
if (target.tagName != 'BUTTON') return;
target.style.background = 'black';
})

button {
  width: 50px;
  height: 50px;
}

<button class='ten'></button>
<button class='ten'></button>
<button class='ten'></button>
<button class='ten'></button>
<button class='ten'></button>

С помощью target

answered Jul 02 '19 at 16:12

Владислав

1,118

Представляете, на странице есть сложная таблица со вложенностями, различные вспомогательные контролы, тулбары, меню, футер и еще куча всего. И в итоге у вас запрос обходит это всё. Это же жесть)) – Алексей Шиманский Jul 02 '19 at 17:40

Определить на какой элемент нажал пользователь

2 Answers2