咳咳，本人js菜鸟一个，全靠李小胖先生不离不弃不放弃，虽然现在还是弱鸡一个~~努力每天一个新知识
<html>
<body>
<a href="#" onmouseover="mouseover()">放上来</a>
<div style="display=" none" id="div">
不知道写什么
</div>
<script>
let div = document.getElementById("div");//获取到div的id
//第一步：鼠标移上去显示div
function mouseover() {
div.style.display = "block";
}
//第二步：点击空白处div消失
document.onclick = function () {
div.style.display = "none";
}
//第三步：点击自身div不消失
div.onclick = function (e) {
e.stopPropagation();//阻止事件冒泡
}
</script>
</body>
</html>