js点击目标元素外隐藏该元素
时间: 2023-08-13 18:05:28 浏览: 227
js实现点击展开隐藏效果(实例代码)
可以使用事件委托的方式监听 document 的 click 事件,在事件处理函数中判断点击的目标元素是否在要隐藏的元素内部,如果不在则隐藏该元素。具体代码如下:
```js
document.addEventListener('click', function (e) {
var target = e.target;
var elem = document.getElementById('要隐藏的元素的ID');
if (!elem.contains(target)) {
elem.style.display = 'none';
}
});
```
上面的代码中,我们首先获取点击的目标元素 target 和要隐藏的元素 elem,然后使用 elem.contains(target) 判断 target 是否在 elem 内部,如果不在,则将 elem 隐藏。注意要把要隐藏的元素的 ID 替换成实际的 ID。
阅读全文