Как узнать в каком блоке произошло нажатие?

Question

Алексей Милютин @doppelgangerz

JavaScript

JavaScript

Как узнать в каком блоке произошло нажатие?

Здравствуйте, допустим у нас есть 4 блока. Каждый описан конструктором. И у каждого есть счетчик с плюсом и минусом. Я написал скрипт, но он прибавляет и перезаписывает в каждый блок значение, но как сделать так что бы значение записывалось лишь в том блоке где произошло нажатие?

PS в данный момент изменяется лишь в первом блоке

Вопрос задан более трёх лет назад
90 просмотров

3 комментария

Подписаться 1 Простой 3 комментария

DanKud @DanKud
Покажите пример разметки блоков и скрипт. Ну а так скорей всего вам нужно это реализовать через текущий контекст объекта на котором произошел клик:
document.querySelector('.class').addEventListener('click', function() => { console.log(this); /* this - текущий объект на котором произошел клик */ })
Написано более трёх лет назад
Алексей Милютин @doppelgangerz Автор вопроса

DanKud, проблема в том что там массив элементов, и как их перебирать я не могу понять :(
нужно ведь не просто перебрать а выбрать нужный класс в блоке в котором был клик по кнопке

Написано более трёх лет назад
DanKud @DanKud
doppelgangerz, имеете ввиду, чтобы на каждый элемент повешать событие? Через forEach можно:
document.querySelectorAll('.class').forEach(em => { em.addEventListener('click', function() { /* событие, которое нужно повешать на клик по элементу */ }) })

Вообще, повторюсь, если вы напишите разметку блоков и часть своего скрипта, который отвечает за обработку события, вам будет проще помочь в этом вопросе.
Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

2 комментария

Ваш ответ на вопрос

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

Войти через центр авторизации

Похожие вопросы

JavaScript

+3 ещё

Простой
Как сделать коммуникацию front-end и back-end в реальном времени?
- 1 подписчик
- 14 минут назад
- 23 просмотра
0

ответов
JavaScript

+2 ещё

Средний
Правильно ли настроен webpack.config для PWA приложения?
- 1 подписчик
- 47 минут назад
- 13 просмотров
0

ответов
JavaScript

+3 ещё

Простой
Почему приходят пустые данные с формы на почту?
- 1 подписчик
- 4 часа назад
- 45 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как при помощи js создать поле дополнительных ингридиентов?
- 1 подписчик
- 14 часов назад
- 71 просмотр
0

ответов
JavaScript

+1 ещё

Средний
Как в Next.js закешировать изображение без build?
- 1 подписчик
- 16 часов назад
- 32 просмотра
0

ответов
JavaScript

Простой
Как поставить лайк на все комментарии видео в тикток?
- 1 подписчик
- 23 часа назад
- 140 просмотров
2

ответа
JavaScript

Простой
Как нажать на все блоки с данным классом на странице с помощью JS?
- 1 подписчик
- вчера
- 100 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как повторить такую же анимацию?
- 2 подписчика
- вчера
- 304 просмотра
1

ответ
JavaScript

+1 ещё

Средний
Как задать img источник из svg inline?
- 1 подписчик
- вчера
- 109 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Смена стилей шапки сайта при скролле к определенному блоку? Стили должны применяться при скролле до блока и отменяться за его пределами?
- 1 подписчик
- вчера
- 61 просмотр
1

ответ
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Исправить получение заказов без заполненных обязательных полей БЗ

26 апр. 2024, в 15:07

1500 руб./в час

Задеплоить опенсорсный проект Vocode на публичном сервисе Vercel

26 апр. 2024, в 15:01

2000 руб./за проект

Сделать верстку для натяжки на wordpress по макету в figma

26 апр. 2024, в 14:21

10000 руб./за проект

Покажите пример разметки блоков и скрипт. Ну а так скорей всего вам нужно это реализовать через текущий контекст объекта на котором произошел клик:
document.querySelector('.class').addEventListener('click', function() => { console.log(this); /* this - текущий объект на котором произошел клик */ })
DanKud, проблема в том что там массив элементов, и как их перебирать я не могу понять :(
нужно ведь не просто перебрать а выбрать нужный класс в блоке в котором был клик по кнопке
doppelgangerz, имеете ввиду, чтобы на каждый элемент повешать событие? Через forEach можно:
document.querySelectorAll('.class').forEach(em => { em.addEventListener('click', function() { /* событие, которое нужно повешать на клик по элементу */ }) })

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

Answer 1 · 2019-04-14 22:18:14

Алексей Дабалаев @AleksDab

У вас все блоки унаследованы от одного объекта.
Создайте для каждого блока "свой" объект.

Ответ написан более трёх лет назад

2 комментария

Как узнать в каком блоке произошло нажатие?

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

Минуточку внимания

Войдите на сайт