点击页面其他地方隐藏元素
程序员文章站
2022-04-11 17:27:26
...
<script>
document.addEventListener("click",clickHidden);//所有组件添加点击事件
//var mn=document.getElementById("personcenter");//获取菜单节点,菜单id为menu
function clickHidden(eve) {
if( eve.target.id != "personcenter" ) {//点击的如果不是菜单,菜单隐藏。如果是菜单,菜单显现
document.getElementById("personinfos").style.display = "none";
document.getElementById("nologin").style.display = "none";
}
}
function personcenter() {
var username = getCookie("userName");
if (username != null && username != "") {
$("#personinfos").css("display","block");
} else {
$("#nologin").css("display","block");
}
}
</script>