powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подскажите как сделать событие клика вне элемента
2 сообщений из 2, страница 1 из 1
Подскажите как сделать событие клика вне элемента
    #39036468
dakota1310
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Добрый день есть блок (<div id="nap" onclick="shownap()"></div>) и по клику на него отображается другой блок(id="addprog_box"). Как можно сделать так чтобы при клике вне этого блока происходило его закрытие (display:none). После клика addprog_box становится (display:block) и выполняется второе условие и скрывает блок.
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
<div id="nap" onclick="shownap()"></div>

<div class="allbox" style="display: none;" id="addprog_box"> 
	<ul>
		 <li class="ch2" id="addel_0" onclick="addprogremind(1);">Добавить в напоминания</li>
		 <li id="addel_1" class="ch5" onclick="addprogremind(2);">Всегда напоминать</li>
	</ul>
</div>




Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
function shownap()
{
$('#addprog_box').css('display','block');
}

$(document).click(function (event) {
					if(gid("addprog_box").style.display=='block'){												
						console.log(3333333); 
						if ($(event.target).closest('#addprog_box').length == 0 ) {
							gid("addprog_box").style.display='none';							
						};
					}
			
			});
...
Рейтинг: 0 / 0
Подскажите как сделать событие клика вне элемента
    #39036916
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
dakota1310, подход у Вас правильный: ловить клик на документе, и если таргет не вложен в целевой див, то закрывать последний.
...
Рейтинг: 0 / 0
2 сообщений из 2, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Подскажите как сделать событие клика вне элемента
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]