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

2015-03-19

javascript

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

我试过这个但没有用

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

1个回答

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

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

演示： Fiddle

Arun P Johny

2015-03-19