div 弹出框点击周围空白处消失

最新推荐文章于 2023-06-21 14:29:10 发布

weixin_30737363

最新推荐文章于 2023-06-21 14:29:10 发布

阅读量434

点赞数

原文链接：http://www.cnblogs.com/yunp07/p/3925197.html

版权

html代码

<div id="detailMsg" class="showDiv"  style="margin: 0 0 0 200px;">
    ....  //弹出框内具体内容省略
</div>

js代码（引入jquery）

$(function () {
 $("#detailMsg").click(function(e){
	e= e || window.event;
	if(e.cancelBubble)
	    e.cancelBubble = true;
	else
             e.stopPropagation();
 });

 $("body").click(function(){
	$('#detailMsg').css("display","none"); 			
 });
});

转载于:https://www.cnblogs.com/yunp07/p/3925197.html