javascript - 使用javascript单击外部区域时如何隐藏元素？

Question

如何使用 JavaScript 单击外部区域时隐藏元素？

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

我尝试这样但不起作用

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

Answer 1

您可以对文档对象使用点击处理程序，如果点击不是源自 div 或按钮，则隐藏 div

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

演示:Fiddle