页面设置弹窗，点击其他区域，弹窗关闭（案列）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>test</title>
<script src="plugins/jquery-2.0.0.min.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; " id="box">
<div>内层的文字</div>
</div>
</body>
</html>
原文地址：https://www.cnblogs.com/fanmiaolan/p/9869256.html
时间： 2024-11-14 13:34:39