JS或JQuery点击其他地方关闭弹出元素，但是点击元素却不会关闭的代码怎么写？ 5
如图，第一步点击输入框弹出2号弹出层，点击任意空白或元素，关闭2号弹出层，但是点击2号弹出层自身内容却不会关闭2号弹出层。求代码...
如图，第一步点击输入框弹出2号弹出层，点击任意空白或元素，关闭2号弹出层，但是点击2号弹出层自身内容却不会关闭2号弹出层。求代码
展开
2个回答
展开全部
给你一个简单的示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>test</title>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script>
$(function(){
$('#btn').click(function(){
$('#box').css('display','block');
});
$(document).on('mousedown',function(e){
if(!$(e.target).is($('#btn')) && !$(e.target).is($('#box')) && $(e.target).parent('#box').length === 0){
$('#box').css('display','none');
}
});
});
</script>
</head>
<body>
<button id="btn">显示</button>
<div style="display:none; width:200px; height:200px; background-color:#ddd;" id="box">
<div>内层的文字</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
微测检测5.10
2023-05-10 广告
您好！建议咨 深圳市微测检测有限公司，已建立起十余个专业实验室，企业通过微测检测就可以获得一站式的测试与认 证解决方案；(EMC、RF、MFi、BQB、QI、USB、安全、锂电池、快充、汽车电子EMC、汽车手机互 联、语音通话质量），认证遇...
点击进入详情页
本回答由微测检测5.10提供
展开全部
2号弹出层的id是layer2
$('*').on('click',function(){
if('layer2'!=$(this).attr('id')){
$('#layer2').css('display','none')
}
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
