jQuery 实现点击空白关闭目标元素的实现方法

在网页很多地方都能用到 点击document ，关闭已经存在的弹窗或者菜单，下面贴出stackoverflow一个非常简单的答案。

$(document).click(function(e){
  var _con = $('目标区域');   // 设置目标区域</span>
  if(!_con.is(e.target) && _con.has(e.target).length === 0){ // Mark 1
    some code...   // 功能代码
  }
});
/* Mark 1 的原理：
判断点击事件发生在区域外的条件是：
1. 点击事件的对象不是目标区域本身
2. 事件对象同时也不是目标区域的子元素
*/

javascript 的实现 可以参考实现原理