欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js点击空白关闭div

程序员文章站 2022-06-04 16:48:00
...

点击空白关闭div

1.html

<div class="tardiv">div块</div>

2.css

div {
			width: 200px;
			height: 200px;
			background: #eee;
		}

3.js

$(document).click(function(e) {
			var _con = $('.tardiv'); // 设置目标区域
			if(!_con.is(e.target) && _con.has(e.target).length === 0) {
				$('.tardiv').remove();
			}
		});

相关标签: 点击空白关闭div