Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
olya_097
@olya_097
JavaScript
Как сделать, чтобы всплывающее окно закрылось, если кликать вне окна?
Как сделать, чтобы всплывающее окно закрылось, если кликать вне окна?
Вопрос задан
более трёх лет назад
577 просмотров
Комментировать
Подписаться
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
Простой
Как отображать только один из одинаковых div с id="x" предыдущий развернутый сворачивать?
1 подписчик
6 часов назад
52 просмотра
2
ответа
JavaScript
+1 ещё
Простой
Как закрыть модальное окно c переменными кликом по оверлею?
1 подписчик
6 часов назад
54 просмотра
1
ответ
JavaScript
Простой
Как по клику скопировать текст из div (не textarea) в textarea?
1 подписчик
вчера
85 просмотров
2
ответа
JavaScript
+1 ещё
Средний
Как выбрать субтитры в Youtube Player API?
1 подписчик
вчера
47 просмотров
0
ответов
JavaScript
+4 ещё
Средний
Как в react-chartjs-2 задать отступ между круговой диаграммой и лейблами?
1 подписчик
вчера
45 просмотров
0
ответов
JavaScript
+2 ещё
Средний
Как определить операционную систему из скрипта вложенного в html документ?
1 подписчик
02 апр.
173 просмотра
3
ответа
JavaScript
Средний
Windows просит USB-ключ, а мне нужен PIN. Как включить проверку пароля/PIN в Windows Hello?
1 подписчик
02 апр.
82 просмотра
1
ответ
JavaScript
+3 ещё
Простой
Где лучше хранить JWT в таком случае?
6 подписчиков
01 апр.
3790 просмотров
0
ответов
JavaScript
Средний
Как отправить куки?
1 подписчик
31 мар.
161 просмотр
1
ответ
JavaScript
+1 ещё
Простой
Как сделать что бы счетчик обновлялся без перезагрузки страницы YITH WooCommerce Wishlist?
1 подписчик
31 мар.
50 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
JavaScript веб-разработчик (Backend)
TurboProject
от 60 000 ₽
Middle javascript разработчик
Neat-Studio
от 100 000 до 120 000 ₽
Tech Lead/ Team Lead (JavaScript)
SteadyControl
•
Воронеж
До 200 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама