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

最新推荐文章于 2024-07-22 09:52:48 发布

csdn产品小助手

最新推荐文章于 2024-07-22 09:52:48 发布

阅读量246

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/huguole/p/4762680.html

本文介绍了一种使用JavaScript实现的点击事件处理机制，该机制能够根据点击的不同DOM元素来改变页面中特定div的显示状态。通过监听document上的点击事件并判断点击的目标元素，可以实现对目标div的隐藏与展示。

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>

转载于:https://www.cnblogs.com/huguole/p/4762680.html