如何用JavaScript(无jQuery)检测元素外的点击?
大家好!我是一名前端开发新手,遇到了一个典型问题:需要在点击下拉菜单(或模态框)外部时将其关闭。
我使用纯JavaScript,没有jQuery。我的HTML结构是点击按钮打开一个`
`。问题在于,我不知道如何捕获该区块外部的点击事件来触发关闭函数。
以下是简化代码:
```html
```
```javascript
const menuBtn = document.getElementById('menuBtn');
const dropdown = document.getElementById('myDropdown');
menuBtn.addEventListener('click', function() {
dropdown.style.display = 'block';
});
// 现在如何编写一个处理程序,在点击页面其他任何位置时隐藏dropdown?
```