点击空白关闭弹窗的js最佳写法

$(document).mouseup(function(e){
  var modal = $('.modal');   // 设置目标区域
  if(!modal.is(e.target) && modal.has(e.target).length === 0){ 
    do what you want...
  }
});

/* 原理：
判断点击事件发生在 .modal 区域外的条件是：
1. 点击事件的对象不是目标区域本身
2. 事件对象同时也不是目标区域的子元素
*/