Как правильно установить и обработать событие Click?

Question

[Ross Alex]

Добрый день, коллеги!

Есть ссылки/кнопки (просто пример) в атрибутах которых есть данные:

<button data-link data-amount="10"><span>10</span></button>
<a href="" data-link data-amount="20"><span>20</span></a>

Есть отработчик событий:

document.querySelectorAll('[data-link]').forEach(el => el.addEventListener('click', function(e) {
	console.log(e.target);
	e.preventDefault();
}));

Проблема: если нажатие идет не по тексту ссылки, в консоли показывается сам A / BUTTON, на который ставился отработчик. Но если клик идет по тексту в span-е, то e.target будет SPAN. Как сделать правильно, чтобы можно было считать атрибуты именно A / BUTTON?

Спасибо за помощь!

Answer 1

[GrayHorse]

currentTarget

Всегда совпадает с элементом, на котором обработчик события был назначен, в отличие от свойства Event.target, идентифицирующего элемент, на котором событие возникло.

Comments

[Ross Alex]

Спасибо!