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

Question

我想知道这是否是单击页面上任意位置时关闭设置的正确方法。

当我点击图标齿轮时它就起作用了。

// 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'); };

Answer 1

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