fare sayfadaki başka bir yere tıklayın (belirli bir div üzerinde değil)

Question

Kullanıcı kutu alanından başka bir sayfada herhangi bir yere tıklandığında, sayfadaki küçük bir pop-up kutusunu kapatmak istiyorum. nasıl bulunur?

Answer 1

$(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.targetclick event alınan DOM node olup. Bu elemanın ID aradığımızı kontrol edip etmediğini kontrol ediyorum.

ikinci çek !$.contains($box[0], e.target)DOM node of invocation biz gizlemek istemiyor eleman dahilinde olduğundan, emin olur.

Eh, sanırım eklenti zamanı! :

(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)); 

özet

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

Örnek:

pop-up altında

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

Answer 2

Kepçe küresel tıklama etkinliği veya kurulum şeffaf div% 100 /% 100 Böyle bir olay ile kutu.

Answer 3

@ jAndy'nin çözümü iyi, ama ben de Ben Alman's "Outside Events" plugin'dan bahsetmek istedim. İşte bunu kullanarak hızlı bir örnek:

$("#popup").bind("clickoutside", function(event){ 
    $(this).hide(); 
}); 

Answer 4

$("html").click(function(){ 
//close popup 
});