javascript - js关于点击目标窗口外则隐藏

问题描述

问 题

有个拉下菜单，需要点击任意地方出了本身的地方就隐藏，具体使用原生js要怎么样实现？

解决方案

一般是在menu中阻止事件冒泡，docment中关闭菜单。

menu.addEventListener('click', function(e) {
    menu.style.display = 'block';
     stop(e);
})  
document.addEventListener('click', function() {
    menu.style.display = 'none';
})  

function stop(e){
     e = e || win.event;
     e.stopPropagation ? e.stopPropagation() 
     : e.cancelBubble = true;
}

还可以在document.click中通过判断e.target执行相应的代码

这篇关于javascript - js关于点击目标窗口外则隐藏的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！