Задать вопрос
@tempfolder

Как исправить дублирование действия?

Здравствуйте, на данный момент практикуюсь с event-ами и пытаюсь реализовать часть функционала. Есть область с текстом и при нажатии на различные кнопки нужно манипулировать со стилями, размером и тд. С первого взгляда все что нужно выполняется, но
заметил непонятный для себя нюанс.
photo
5fdd9b5819639626286486.png

Записал видео для лучшего понимания
При первом нажатии на кнопку Style открывается панель с различными функциями, которые выполняются как положено, но если нажать еще раз на ту же кнопку Style, не перезагружая страницу и опять попробовать применить любые функции, они начинают дублироваться, будто панели накладываются друг на друга (n кликов на Style - n раз выполняется каждая из функций).
photo
5fdd958e6df83539038715.png

photo
5fdd98445dd6a657246116.png

Понимаю что проблема где-то в логике построения условий, но как это происходит и где именно не могу осилить.
  • Вопрос задан
  • 93 просмотра
Подписаться 1 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Решения вопроса 1
@Azperin
Дилетант
Ну дак ты при каждом клике добавляешь дополнительно ивент на клик по форме,а она у тебя итак в контейнере, зачем дополнительно еще что-то делать.
И брось привычку делать видео или скриншоты кода, нужен текст.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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