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

Close a Div element if you click outside of it

本文关键字：元素 单击 Div 外部 如果      更新时间：2024-06-27

如果我在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。请详细描述你的解决方案，因为我是初学者！

由于注册并不意味着知道规则，我将回答您的问题，但您应该始终用英语提问。

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

相关文章：