js实现点击div区域外隐藏div区域
安静ing 2019-05-30 02:21:44 <!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>js实现的点击div区域外隐藏div区域</title>
<style type="text/css">
#myDiv{
border:1px solid #000000;
width:200px;
height:100px;
background:#FF0000;
}
</style>
<script type="text/javascript">
window.onload=function(){
var myDiv = document.getElementById("myDiv");
document.addEventListener("click",function(){
myDiv.style.display="none";
});
myDiv.addEventListener("click",function(event){
event=event||window.event;
event.stopPropagation();
});
};
</script>
</head>
<body>
<div id="myDiv"></div>
</body>
</html>