Javascript 如果在Div元素外部单击，请关闭该元素

我需要一个函数来隐藏div，如果我在div区域外单击？ 我已经在Position:none上定义了一个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 id="TopBarBoxInfo1" onclick="showSerachOptions('BoxBox');" >



</div>

---

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

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

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
}

---

请记住。单击可能不是最好的方法-如果此问题的可能副本不是用英语编写的，则添加EventListener会更好