如何使用javascript點擊外部區域時隱藏元素？

Question

如何使用javascript點擊外部區域時隱藏元素？

http://jsfiddle.net/a3MKG/35/

我嘗試喜歡這個，但不行

<script> 
function showDiv(id) {  
    $("#div1").toggle(); 
    $(document).click(function() { 
    $('#div1').fadeOut(300); 
}); 
} 
</script> 

Answer 1

您可以使用一個單擊處理程序的地方，如果點擊並非源自股利或按鈕文檔對象隱藏在div

$(document).click(function(e){ 
    if(!$(e.target).closest('#div1, input[name="Showdiv1"]').length){ 
     $('#div1').hide() 
    } 
}) 

演示：Fiddle