jQuery: обработка клика вне всплывающего/выпадающего элемента

При показе элемента биндим клик по документу. Сравниваем – если кликнули по выпадающему элементу, ничего не делаем, если в любом другом месте – прячем выпадающий элемент.

$(document).bind("click", function(e) {

 if ( (e.target == document.getElementById('id_выпадающего_элемента')) ) {

  return;

 } else {

 $('#id_выпадающего_элемента').css({

 display: 'none'

 });

 

 elementHidden = true;

 } 

});

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

Введите код с картинки


Поля обозначенные звездочкой (*) обязательны для заполнения