咳咳，本人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>