Событие по клику вне элемента на jQuery

click

В процессе верстки очередного сайта, сделал я заказчику всплывающую строку поиска по клике на картинку. Форма получилась зачетная, особенно после подгонки под стили заказчика. В доработку попросили реализовать механизм закрытия формы поиска по клику вне элемента.

Вот код:

jQuery(document).mouseup(function (e){
var elem = jQuery("#search");
if (!elem.is(e.target)
&& elem.has(e.target).length === 0) {
alert('click');
}
});

Расшифровка:

jQuery(document).mouseup(function (e){ — событие клика (при отпускание кнопки мыши)

var elem = jQuery(«#search»); — тут id нашего элемена по которому клик не считается

if (!elem.is(e.target) — проверяем, что клик был вне нашего элемента

&& elem.has(e.target).length === 0) { — проверяем, что клик был вне дочерних элементов

alert(‘click’); — наше действие

Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий