如果你点击它的外部，关闭一个Div元素

-3

我需要一个隐藏div的功能，如果我点击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。请详细描述您的解决方案，因为我是初学者！

来源

2013-12-11 Philipp Götz

的[点击菜单以外关闭jQuery中]可能重复（http://stackoverflow.com/questions/ 2868582/click-outside-menu-to-close-in-jquery） –

这个问题似乎是题外话题，因为它不是用英文写的 – TCHdvlp

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

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 
}

记住了。点击未必是最好的方式 - 的addEventListener会好得多据我所知

来源

2013-12-11 10:12:23

如果你点击它的外部，关闭一个Div元素

回答

相关问题