Исчезновение поп-апа при клике на свободном месте страницы

@unm · Регистрация: 26.11.2013

Студворк — интернет-сервис помощи студентам

добрый день,

возможно, это слишком тривиальный вопрос, но все же я задам его.
На странице есть элемент, допустим кнопка, по клику на него появляется поп-ап, по повторному клику поп-ап исчезает.
Нужно, чтобы этот поп-ап исчезал так же при клике не только на кнопку, но на свободное пространство страницы. Но, есть нюанс: при клике на сам раскрытый поп-ап, он не должен исчезать.

сейчас у меня так:

JavaScript
1
2
3
 $(document).on('click', function(){
 $(".popup").css("display","none");
});

соответственно, поп-ап закрывается даже при клике на него, чего не должно быть

еще у меня была идея о делегированной обработке события:

JavaScript
1
2
3
 $('body').on('click','div',function(){
 $(".popup").css("display","none");
});

(то есть если событие поднимается от элемента div, то тогда срабатывает закрытие поп-апа, а сам поп-ап в контейнере span, например.) но это не помогло.

и еще в дополнении:
как сделать так, чтобы текст в поп-апе автоматически выделялся (выделения в смысле cntl a) и копировался в буфер обмена.

@dolte · 26.11.2013, 18:16

если верно понял, то примерно так.

JavaScript
1
2
3
$('.signin').click(function() { document.getElementById('modalloginwindow').style.display='block';}); //При клике на .signin прказываем окно #modalloginwondow 
$('body').click(function() { document.getElementById('modalloginwindow').style.display='none';}); //при клике на любую область экрана прячем его-же.
$('#modalloginwondow').click(function(e){  e.stopPropagation();}); //При клике на само окно, оно не прячется.

@unm · 26.11.2013, 19:39 **[ТС]**

кажется, вы поняли правильно, но поп-ап при клике на него все равно прячется

@dolte · 26.11.2013, 22:43

unm, покажите код.

@unm · 27.11.2013, 13:21 **[ТС]**

это была моя ошибка. ваше решение работает, спасибо

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

@unm 0 / 0 / 0 Регистрация: 26.11.2013 Сообщений: 4
	26.11.2013, 19:39 [ТС]
	кажется, вы поняли правильно, но поп-ап при клике на него все равно прячется 0

@dolte Человек 331 / 205 / 63 Регистрация: 04.02.2013 Сообщений: 1,223
	26.11.2013, 22:43
	unm, покажите код. 0

@unm 0 / 0 / 0 Регистрация: 26.11.2013 Сообщений: 4
	27.11.2013, 13:21 [ТС]
	это была моя ошибка. ваше решение работает, спасибо 0