Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Скрытие элемента по клику вне его (https://javascript.ru/forum/events/57346-skrytie-ehlementa-po-kliku-vne-ego.html)

sash003 30.07.2015 21:14

Скрытие элемента по клику вне его
 
Привет, выручайте, друзья! Делаю тестовое задание приёма на работу, форма регистрации и авторизации со всеми делами (проверки и т.д).
Суть в том, что надо это всё сфарганить без jQuery. Значит, при фокусе поля ввода над ним появляется подсказка и нужно скрывать её при клике вне её
На jQuery нашел примерчик, помогите сделать на чистом яваскрипте
$(document).mouseup(function (e){ // событие клика по веб-документу
		var div = $("#smiles"); // тут указываем ID элемента
		if (!div.is(e.target) // если клик был не по нашему блоку
		    && div.has(e.target).length === 0) { // и не по его дочерним элементам
			div.hide(); // скрываем его
		}
	});

Очень прошу, выручите, не забуду :yes:

УРА!! DONE

ksa 31.07.2015 11:24

Цитата:

Сообщение от sash003
надо это всё сфарганить без jQuery

А как же тогда твой?
Цитата:

Сообщение от sash003
$(document).mouseup(function (e){};

:D

Цитата:

Сообщение от sash003
при фокусе поля ввода над ним появляется подсказка и нужно скрывать её при клике вне её

Как вариант...
- Вешать обработчик click на весь документ
- В том обработчике проверять target
- Если это не подсказка, скрывать ее и отменять действие того клика


Часовой пояс GMT +3, время: 15:05.