Закрытие элемента по клику вне его области

Код javascript, который скрывает заданный элемент если произошел клик вне элемента. Данный код может быть полезен, если надо скрыть меню когда происходит клик вне его действия.


jQuery(function($){
  $(document).mouseup(function (e){ // событие клика по веб-документу
    var div = $("#popup"); // тут указываем ID элемента
    if (!div.is(e.target) // если клик был не по нашему блоку
      && div.has(e.target).length === 0) { // и не по его дочерним элементам
      div.hide(); // скрываем его
    }
  });
});

Данный код позаимствован с блога Миши.

Оцените статью
Добавить комментарий