點擊空白處關(guān)閉彈出層#box{width:300px;height:200px;border:1px solid #000;display:none;}.btn{color:red;}

$(function(){

$(".btn").click(function(event){

????????var e=window.event||event;

????????if(e.stopPropagation){

????????????e.stopPropagation();

????????}else{

????????????e.cancelBubble=true;

????????}

????????$("#box").show();

});

$("#box").click(function(event){

?????var e=window.event||event;

????if(e.stopPropagation){

????????e.stopPropagation();

????}else{

????????e.cancelBubble=true;

????}

});

document.onclick=function(){

????$("#box").hide();

};

})點擊此處打開彈出層
點擊空白處關(guān)閉彈出層

原理就是? 對文檔流body 做隱藏? 然后去除事件冒泡? 特殊展示