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