Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
olya_097
@olya_097
JavaScript
Как сделать, чтобы всплывающее окно закрылось, если кликать вне окна?
Как сделать, чтобы всплывающее окно закрылось, если кликать вне окна?
Вопрос задан
более трёх лет назад
598 просмотров
Комментировать
Подписаться
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
+1 ещё
Простой
Как прочитать ответ сервера после отправки формы?
1 подписчик
3 часа назад
55 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как менять картинки у карточки в списке товаров?
3 подписчика
22 сент.
178 просмотров
1
ответ
JavaScript
Простой
Где найти исходники стандартной библиотеки JavaScript?
1 подписчик
21 сент.
232 просмотра
2
ответа
JavaScript
+2 ещё
Простой
Где найти такой слайдер?
1 подписчик
20 сент.
167 просмотров
1
ответ
JavaScript
+2 ещё
Простой
На сколько практично разделять логику загрузки данных?
4 подписчика
16 сент.
1119 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как настроить алиасы для html в Vite?
3 подписчика
14 сент.
561 просмотр
0
ответов
JavaScript
+2 ещё
Простой
Можно ли заменить кликанье мышью по веб-интерфейсу cli-командой?
3 подписчика
13 сент.
948 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как подключить библиотеку?
1 подписчик
13 сент.
598 просмотров
3
ответа
JavaScript
Простой
Как в TaigaUI сделать файлы Mb а не MiB?
1 подписчик
11 сент.
461 просмотр
0
ответов
JavaScript
+1 ещё
Простой
Как корректно обрабатывать объединённые ячейки?
2 подписчика
11 сент.
563 просмотра
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Automation QA Engineer
OfferCase
•
Москва
от 400 000 ₽
Senior frontend developer
DigitalHR
•
Ереван
До 4 000 $
Frontend разработчик
Selecty
от 200 000 до 330 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама