js 点击其余地方 ，隐藏 目标区域

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

https://segmentfault.com/q/1010000000452465

方法1 

$( 'body' ).click( function (e) {
    var target = $(e.target);
    // 如果#overlay或者#btn下面还有子元素，可使用
    // !target.is('#btn *') && !target.is('#overlay *')
    if (!target.is( '#btn' ) && !target.is( '#overlay' )) {
       if ( $( '#overlay' ).is( ':visible' ) ) $( '#overlay' ).hide();
    }
});

方法2

$( 'body' ).click( function (e) {
   if (e.target.id != 'btn' && e.target.id != 'overlay' )
      if ( $( '#overlay' ).is( ':visible' ) ) $( '#overlay' ).hide();
})

http://www.u396.com/hide-box-when-clicking-on-body-but-not-on-special-element.html