鼠标点击区域之外之内产生的事件

<script type="text/javascript">
window.onload = function() {
	document.onclick = function(e) {
		var ele = e ? e.target : window.event.srcElement;
		if(ele.id !== 'the_div') {
			document.getElementById('the_div').style.display = 'none';

			// 以下为测试代码，可删除
			alert('一秒后 div 恢复');
			setTimeout(function() {
				document.getElementById('the_div').style.display = 'block';
			}, 1000);
			// 结束测试代码
		}
	};
};
</script>

<div id="the_div" style="width: 100px; height: 100px; background: #f00;"></div>