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

How to hide element when click outside area using javascript?

本文关键字：单击 隐藏 元素 区域 何使用 javascript      更新时间：2023-09-26

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

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

我试着这样做，但不工作

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

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

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

演示：Fiddle

相关文章：