@Alk90
php, mysql, jquery, css, html, api

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

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

Как они определяют по какому из этих блоков произошел клик и какие данные к нему относятся? Ведь у блоков нет никаких атрибутов data или уникальных ID?
  • Вопрос задан
  • 95 просмотров
Решения вопроса 1
Aleksandr-JS-Developer
@Aleksandr-JS-Developer
Бери и делай
Всё очень просто.

Есть массив, скажем, с данными для формы (какие поля и где)

Цикл пробегается по массиву, создаёт на каждой итерации div. Прямо на месте навешивает на него обработчик. В Обработчике - функция открытия формы, в которую прокидываются нужные параметры. Потом этот div вставляется в DOM.

Пощупать "руками"
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@smigles
document.addEventListener('click', event => {
    if (event.target.classList.contains('block')) {
        console.log(event.target);
    }
});
Ответ написан
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
07 мая 2021, в 11:09
100000 руб./за проект
07 мая 2021, в 11:08
45000 руб./за проект
07 мая 2021, в 11:06
10000 руб./за проект