1. 程式人生 > >js使點選網頁其他地方使顯示框消失

js使點選網頁其他地方使顯示框消失

有時候我們需要實現這樣一個效果:

點選圖示或者按鈕會出現一個下拉框或者顯示框,點選圖示或者按鈕顯示框消失,或者需要點選網頁其他任意地方顯示框消失。

點選固定圖示或按鈕顯示框顯示或消失這個jQuery或者js就能很容易實現,這裡說下點選網頁其他任意地方顯示框消失。

jQuery程式碼:

jQuery("body").click(function(e){

e = e || window.event;


var obj =e.target || e.srcElement;

if($(obj).closest("#explain").length <=0){//點選的區域如果沒有id為explain的標籤,就將explain收起隱藏
jQuery("#explain").slideUp();
}
});

OK,記錄完畢。