jQuery点击区域外消失

点击一个连接显示层

myDiv{

border:1px solid #000000;
width:200px;
height:100px;
background:#cccccc;
}

function addListener(element, e, fn) { if (element.addEventListener) { element.addEventListener(e, fn, false); } else { element.attachEvent("on" + e, fn); } } addListener(document, "click", function(evt) { var evt = window.event ? window.event: evt, target = evt.srcElement || evt.target; if (target.id == "showDiv") { document.getElementById("myDiv").style.display = ""; return; } else { while (target.nodeName.toLowerCase() != "div" && target.nodeName.toLowerCase() != "html") { target = target.parentNode; } if (target.nodeName.toLowerCase() == "html") { document.getElementById("myDiv").style.display = "none"; } } })

就等你包养了