欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

点击页面其他地方隐藏元素

程序员文章站 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>