Отработка нажатие на элемент

@AD86 · Регистрация: 14.05.2015

Студворк — интернет-сервис помощи студентам

Добрый день есть такая проблема.Есть div.

HTML5
1
2
3
4
 <div class="color-item color_backgr-prev" id="color_backgr-prev">
                <div id="color_pref"></div>
                <div id="color">Prev color</div>
            </div>

Хочу сделать обработку события при нажатие на полностью родитесльский div. Но у меня отрабатывает нажатие только color_pref.

JavaScript
1
2
3
4
5
 document.querySelectorAll('.color-item').forEach((element) => {
        })
        switch (event.target.id) {
            case ('colors_pref'):
                break;

Подскажите как сделать что бы при нажатие полностью на родительский div : color_backgr-prev срабатывало нажатие

@mrtoxas · 10.12.2019, 11:07

Если я правильно понял, тогда методом closest() ищите нужного родителя при клике на элемент

JavaScript
1
event.target.closest('.color-item')

@AD86 · 10.12.2019, 11:24 **[ТС]**

Нет немножко вы меня не так поняли. у меня есть div элемент к примеру размером 20px на 100px в нем етсь два еще div элемента. id первого элемента тоетсь родителя color_backgr-prev. и я хочу что быпри нажатие на этот div у меня происходило событие. А счас у меня происходит событие при нажатие на color_pref

@shvyrevvg · 10.12.2019, 11:36

AD86,

JavaScript
1
2
3
if (e.target.classList.contains('color_backgr-prev') {
 
}

Добавлено через 2 минуты
AD86, в общем, проверяйте e.target.

@amr-now · 10.12.2019, 12:46

Добрый день.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <div class="color-item color_backgr-prev" id="color_backgr-prev">
        <div id="color_pref">color_pref</div>
        <div id="color">color</div>
        color_backgr-prev
    </div>
    <script>
        for (let element of document.querySelectorAll('.color-item'))
            element.addEventListener("click", colorItem_click);
 
        function colorItem_click(e) {
            if (this !== e.target) return;
 
            console.dir(this); // Какие-то действия
        }
    </script>
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определенном условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .	Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .
Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .

@AD86 0 / 0 / 0 Регистрация: 14.05.2015 Сообщений: 59
	10.12.2019, 11:24 [ТС]
	Нет немножко вы меня не так поняли. у меня есть div элемент к примеру размером 20px на 100px в нем етсь два еще div элемента. id первого элемента тоетсь родителя color_backgr-prev. и я хочу что быпри нажатие на этот div у меня происходило событие. А счас у меня происходит событие при нажатие на color_pref 0

Опции темы