思路一

第一種思路分兩步

第一步：對(duì)document的click事件綁定事件處理程序，使其隱藏該div

第二步：對(duì)div的click事件綁定事件處理程序，阻止事件冒泡，防止其冒泡到document，而調(diào)用document的onclick方法隱藏了該div。

復(fù)制代碼 代碼如下:

<script type="text/javascript">
function stopPropagation(e) {
if (e.stopPropagation)
e.stopPropagation();
else
e.cancelBubble = true;
}

$(document).bind('click',function(){
$('#test').css('display','none');
});

$('#test').bind('click',function(e){
stopPropagation(e);
});
</script>

復(fù)制代碼 代碼如下:

<script type="text/javascript">
$(document).bind('click',function(e){
var e = e || window.event; //瀏覽器兼容性
var elem = e.target || e.srcElement;
while (elem) { //循環(huán)判斷至跟節(jié)點(diǎn)，防止點(diǎn)擊的是div子元素
if (elem.id && elem.id=='test') {
return;
}
elem = elem.parentNode;
}

$('#test').css('display','none'); //點(diǎn)擊的不是div或其子元素
});
</script>