點擊空白處關閉彈出層#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();
};
})點擊此處打開彈出層
點擊空白處關閉彈出層
原理就是? 對文檔流body 做隱藏? 然后去除事件冒泡? 特殊展示
