任点关闭div框

 <script type="text/javascript">
        $(function () {
            $(document).click(function (e) {
                if (e.target.id != "show") {
                    $("#show").hide();
                } 
            });
            $("a").click(function (e) {
                $("#show").css({left: e.clientX, top: e.clientY}).show();
                return false;//防止冒泡
            });
        });
    </script>

　　

<script type="text/javascript"> 
$(document).bind('click',function(e){ 
var e = e || window.event; //浏览器兼容性 
var elem = e.target || e.srcElement; 
while (elem) { //循环判断至跟节点，防止点击的是div子元素 
if (elem.id && elem.id=='test') { 
return; 
} 
elem = elem.parentNode; 
} 

$('#test').css('display','none'); //点击的不是div或其子元素 
}); 
</script> 

 

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