如何在元素外的任何位置单击时隐藏该设置框

【问题标题】：How do I hide that setting-box on a click anywhere outside of the element如何在元素外的任何位置单击时隐藏该设置框
【发布时间】：2020-12-25 01:41:55
【问题描述】：

我想知道在单击页面。

当我点击齿轮图标时它就可以工作了。

// Toggle Span Class On Icon
let toogleBox = document.querySelector(".toggle-setting .fa-gear").onclick = function () {
// toggle class fa-spin for Rotation on self
this.classList.toggle('open');

// 在主设置框上切换类打开 document.querySelector(".setting-box").classList.toggle('open'); };

【问题讨论】：

标签： javascript html css sass popup

【解决方案1】：

这取决于你的目的。您必须从用户的角度来决定。我认为没有必要：用户应该有机会与他/她页面上的其他元素进行交互。

【讨论】：

所有我想要的，当我打开这个设置框，我按下页面上的任何地方都必须关闭！
很简单。只需在页面上添加不可见块并将点击回调放在上面。