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

Как сделать, чтобы при нажатии на поле вокруг формы она закрывалась?

Есть некая кнопка, при нажатии на неё выкатывается форма
5f926ff087024f3baa69f17c3716b456.png76bac23988c6464db146cdac209833f1.png
Как сделать, чтобы при нажатии не на форму, она закрывалась?
  • Вопрос задан
  • 581 просмотр
Подписаться 3 Оценить 3 комментария
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 2
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
При клике на Войти, открывать не только форму, но и див с прозрачным фоном.
Уровни z-index, для примера, у прозрачного дива 9, у самой формы 10, чтобы была выше.
Тогда и при клике на этот див, назовем его к примеру .form__transparent уже закрывать.
Ответ написан
При открытии формы вешаем обработчик клика на document.
В обрабочике по target смотрим куда был клик, и если клик был вне нашего элемента - закрываем форму и удаляем обработчик.
Ответ написан
Ваш ответ на вопрос

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

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