Question

js完成点击任何位置都关闭下拉菜单

我的下拉菜单是ul li 写的 我想问一下 应该怎么去实现这个功能目前点击按钮本身完成隐藏现实的功能已完成 就是想优化一下成点击屏幕任何位置都将其隐藏





Answer 1

js添加：
<script>
document.onclick=function(e){
var e=e||window.event;
if(e.target.id!="cyearList"){
document.getElementById("cyearList").classList.remove("disblock");
}
}
</script>

Answer 2

document.querySelector("#cyearList").onclick = (e) => {
window.event ? window.event.cancelBubble = true : e.stopPropagation();
}
document.querySelector("body").onclick = () => {
document.querySelector("#cyearList").style.display = "none";
}
原生的话逻辑是这样的，我想vue的话，你应该也知道了。
请采纳