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");
});
});
div 弹出框 点击周围空白处消失,布布扣,bubuko.com
原文:http://www.cnblogs.com/yunp07/p/3925197.html