如果单击外部元素，请关闭 Div 元素答案

【问题标题】：Close a Div element if you click outside of it如果单击外部元素，请关闭 Div 元素
【发布时间】：2013-12-11 20:24:16
【问题描述】：

如果我在 div 区域之外单击，我需要一个隐藏 div 的功能吗？我在 Position: none 上定义了一个 Div，我使用以下函数使其可见：

我的分区：

<div id="TopBarBoxInfo1" onclick="showSerachOptions('BoxBox');" >



</div>

我的功能：

function showSerachOptions(element){

var element = document.getElementById(element);


// And then it will change what it is
if(element.id == 'Box'){

    if(element.style.display == 'none'){

        element.style.display = 'block';

    }
    else{

        element.style.display = 'none';

    }
}
}

现在我需要一个函数，如果您在 div 区域之外单击鼠标指针，它可以关闭 div。请详细描述您的解决方案，因为我是初学者！

【问题讨论】：

Click outside menu to close in jquery 的可能重复项
这个问题似乎跑题了，因为它不是用英文写的

标签： javascript jquery css html

【解决方案1】：

因为注册并不意味着知道规则我会回答你的问题，但你应该总是用英语提问。

var body = document.getElementsByTagName('body')[0];
body.click = function(e){
//here you can get e.target as the click-target-element or
// e.srcElement(Microsoft) as the click-target-element
//than you can handle what you want to do since e.target/srcElement will give you
// an element (just like document.getElementById
}

记住 .click 可能不是最好的方法 - addEventListener 会更好 afaik

【讨论】：