Как многие определяют с каким DOM элементом работают в текущий момент?

Question

[Алексей Коновалов]

Всем привет! Очень часто вижу на сайтах блоки, при клике на которые открывается некая форма, относящаяся к этому блоку. Но сам блок в DOM дереве выглядит так и их на странице несколько:

<div class="block"></div>
<div class="block"></div>
<div class="block"></div>

Как они определяют по какому из этих блоков произошел клик и какие данные к нему относятся? Ведь у блоков нет никаких атрибутов data или уникальных ID?

Answer 1

[smigles]

document.addEventListener('click', event => {
    if (event.target.classList.contains('block')) {
        console.log(event.target);
    }
});

Answer 2

[Rsa97]

Event.target
Event.currentTarget