JS 点击按钮及弹框以外的区域时隐藏弹框

最新推荐文章于 2023-05-04 10:58:16 发布

默默地写代码

最新推荐文章于 2023-05-04 10:58:16 发布

阅读量1.7k

点赞数

分类专栏： JavaScript 文章标签： javascript

原文链接：https://blog.csdn.net/yimawujiang/article/details/86496936

版权

JavaScript 专栏收录该内容

32 篇文章

订阅专栏

<body>
	<button id="btn" onclick="alertBoxFn()">打开弹窗</button>
	<div id="alertBox" onclick="outside=false"></div>
</body>
 
 
<script>
	var outside=true
	function alertBoxFn(e) {
		outside=false
		alertBox.style.display = "block";
	}
	document.body.addEventListener('click', function() {
		outside=true
	},true)
	document.body.addEventListener('click', function() {
		if(outside){
			alertBox.style.display = 'none'
		}
	})
</script>