Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
olya_097
@olya_097
JavaScript
Как сделать, чтобы всплывающее окно закрылось, если кликать вне окна?
Как сделать, чтобы всплывающее окно закрылось, если кликать вне окна?
Вопрос задан
более трёх лет назад
595 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Алексей Ярков
@yarkov
Куратор тега JavaScript
Помог ответ? Отметь решением.
Слушаете клик по документу и смотрите на event.target. Если не модалка, то закрываем. Все.
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
olya_097
@olya_097
Автор вопроса
Спасибо!
Написано
более трёх лет назад
Алексей Ярков
@yarkov
Куратор тега JavaScript
olya_097
, та не за что
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
1
Георгий Котов
@agsDevelopment
Повесить обработчик события "клик" на элемент вне окна, закрыть окно при вызове обработчика.
Ответ написан
более трёх лет назад
3
комментария
Нравится
1
3
комментария
Facebook
Вконтакте
Twitter
Алексей Ярков
@yarkov
Куратор тега JavaScript
Вы не военный? =)
Написано
более трёх лет назад
olya_097
@olya_097
Автор вопроса
Алексей Ярков
, суть вопроса- что элемент вне окна - это просто document?
Написано
более трёх лет назад
Алексей Ярков
@yarkov
Куратор тега JavaScript
olya_097
, ну само собой. Слушаете клик по документу и смотрите на event.target. Если не модалка, то закрываем. Все.
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+3 ещё
Простой
Почему при отправке HTML-формы данные не поступают в mysql?
1 подписчик
вчера
141 просмотр
1
ответ
JavaScript
Простой
Как получить переменную из esm-модуля?
1 подписчик
24 июл.
119 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать так чтоб push уведомления отправлялись в фоне при открытом но неактивном pwa приложении?
1 подписчик
24 июл.
52 просмотра
0
ответов
JavaScript
+2 ещё
Средний
Есть для готовый плагин для проверки css-переменных со следующими фичами (см. описание)?
1 подписчик
24 июл.
54 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Каким образом отлавливать и корректно устранять конкурирующие запросы javascript на сайте?
1 подписчик
21 июл.
488 просмотров
1
ответ
JavaScript
Простой
Как улучшить изображение от генерации pdf в изображение?
1 подписчик
21 июл.
98 просмотров
1
ответ
JavaScript
Простой
Как в javascript сделать увеличение последующего значения на определенное число?
1 подписчик
19 июл.
209 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как сделать zoom в smartslider?
1 подписчик
16 июл.
52 просмотра
0
ответов
JavaScript
Простой
Переменная, созданная в разных местах работает в addEventListener по-разному, почему?
2 подписчика
16 июл.
197 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как сделать, чтобы свойства класса прописывались не DOM-узлу, а классу, создаваемому в JS?
1 подписчик
14 июл.
158 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
JavaScript Developer (KSC)
Лаборатория Касперского
•
Москва
Frontend developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
JavaScript Developer (продукт Sber Private)
Сбер
•
Москва
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама