点击空白处隐藏弹框.html

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style>
		#workSpace{width: 200px;height: 200px;background: #ccc;margin: 200px auto;}
	</style>
</head>
<body>
	<div id="workSpace">
		<p>sdfd</p>
		<p>sdfd</p>
		<p>sdfd</p>
		<p>sdfd</p>
	</div>

	<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script>
		$('button').click(function(){
			$('#workSpace').show();
		})

		$(document).off('.btn').on('click',function(e){
			var _con = $('#workSpace');
			if(!_con.is(e.target) && _con.has(e.target).length === 0){
				_con.hide('slow');
			}  
		});
	</script>
</body>
</html>