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

<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>