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

14
coure2011 9 Авг 2010 в 16:36

4 ответа

Лучший ответ
$(document.body).click(function(e){
   var $box = $('#little-pop-up-box-id');
   if(e.target.id !== 'little-pop-up-box-id' && !$.contains($box[0], e.target))
      $box.remove();
});

e.target - это DOM node, получивший click event. Сначала я проверяю, является ли ID этого элемента не тем, который мы ищем.

Вторая проверка !$.contains($box[0], e.target) удостоверяет, что DOM node of invocation не является внутри элемента, который мы хотим скрыть.

Ну, я думаю, это время плагинов! :

(function($){
   $.fn.outside = function(ename, cb){
      return this.each(function(){
         var $this = $(this),
              self = this;
         $(document.body).bind(ename, function tempo(e){
             if(e.target !== self && !$.contains(self, e.target)){
                cb.apply(self, [e]);
                if(!self.parentNode) $(document.body).unbind(ename, tempo);
             }
         });
      });
   };
}(jQuery));

< Сильный > Конспект

$('#container').outside('click', function(e){
    $(this).remove();
});

Пример:

http://www.jsfiddle.net/qbDKN/30/

17
jAndy 11 Авг 2010 в 09:37
$("html").click(function(){
//close popup
});
1
Fribu - Smart Solutions 9 Авг 2010 в 13:24

Получите событие глобального щелчка или настройте прозрачный div 100% / 100% во всплывающем окне с таким событием.

0
Thinker 9 Авг 2010 в 12:39