点击空白处关闭弹窗
关闭 点击 弹窗
2023-09-14 09:04:05 时间
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>点击空白处关闭弹窗</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<style>
.box {
margin:50px auto;
width:100px;
height:100px;
background-color:pink;
}
</style>
</head>
<body>
<div class="box"></div>
<script>
click("box","box");
function click(name,box) {
$(document).on("click", function(e) {
var _conss = $('.'+name);//点击的容器范围
if (!_conss.is(e.target) && _conss.has(e.target).length === 0) {
$("."+box).hide();//选择要关闭的容器
}
});
}
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>点击空白处关闭弹窗</title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<style>
.box {
margin:50px auto;
width:100px;
height:100px;
background-color:pink;
}
</style>
</head>
<body>
<div class="box"></div>
<script>
click("box","box");
function click(name,box) {
$(document).on("click", function(e) {
var _conss = $('.'+name);//点击的容器范围
if (!_conss.is(e.target) && _conss.has(e.target).length === 0) {
$("."+box).hide();//选择要关闭的容器
}
});
}
</script>
</body>
</html>
相关文章
- charles(2)MAC Charles关闭后无法上网「建议收藏」
- Linux关闭防火墙的快捷命令(linux关闭防火墙命令)
- Linux下关闭端口的命令(关闭端口命令linux)
- Oracle数据库中如何关闭用户(oracle关闭用户)
- 【Linux下关闭防火墙】(关闭linux的防火墙)
- Linux系统中关闭防火墙的方法(关闭linux的防火墙)
- 禁用Linux防火墙:完成安全设置(关闭linux的防火墙)
- 【Linux下关闭防火墙的技巧】(关闭linux的防火墙)
- 如何安全关闭MySQL数据库?(mysql安全关闭)
- 中心Oracle正式关闭中国大陆研发中心(oracle关闭中国研发)
- Redis防火墙如何快速关闭(redis防火墙在哪关闭)
- js点击页面其他地方关闭弹出层(示例代码)
- jQuery点击自身以外地方关闭弹出层的简单实例