О проекте

Данный сайт попытка повысить коммуникацию самых активных разработчиков на CMS Drupal - блоггеров. Если Вы ведете свой блог о Друпале, значит Вы готовы делиться вашими знаниями, помочь другим. Не всегда ваши знания доходят до потребителя. Задача данного сайта агрегировать знания различных блогов в единую ленту и привести на Ваши блоги активных пользователей.

Активность пользователей на Вашем сайте будет дополнительным стимулом к дальнейшей работе.

Удачи во всех Ваших начинаниях!

Javascript: Как скрыть элемент при клике вне этого элемента

-8 votes
+
-

Распространённая задача — скрыть всплывающее js окно при клике вне этого окна.
Смысл в следующем — вешаем на документ обработчик onclick, который благодаря всплытию событий (bubbling) будет ловить все клики на странице. В этом обработчике, в переменной event.target будет доступен элемент, на котором произошёл клик. С помощью jQuery метода closest() проверяем где произошёл клик — на элементе или вне элемента. Если вне, то скрываем элемент.
HTML:
<a href="#" id="toggle-link">Show message</a>
<div id="message">
<p>Some text.</p>
</div>
Javascript:
Читать дальше →
Похожие записи:

Полный оригинальный материал:

XandeadX