点击空白处隐藏指定dom元素(纯javascript方法)

<script type="text/javascript">

document.onclick = function (event) {

event = event ? event : window.event;
var obj = event.srcElement ? event.srcElement : event.target;

//这里的obj.tagName表示所点击的dom元素
if(obj.tagName == "DIV" || obj.tagName == "MAIN" ){

if(document.getElementById("myDiv").style.display!="none"){
document.getElementById("show-menu").click();
document.getElementById("myDiv").style.display="none";
}
}else{
document.getElementById("myDiv").style.display="inline";
}

};
</script>

posted @ 2015-08-27 10:59  ■乐  阅读(325)  评论(0编辑  收藏  举报