Question

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

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

Answer 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

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

1 个答案: