我有一個(gè)菜單，可以在單擊時(shí)打開子菜單部分（讓我們將容器命名為：“子菜單”）。如果用戶單擊“子菜單”外部/頁面的其余部分，我希望“子菜單”消失。似乎已解決如何檢測(cè)元素外部的點(diǎn)擊？ 但我無法從第二個(gè)最受歡迎的答案中獲取如何使用代碼片段：export function hideOnClickOutside(selector) {  const outsideClickListener = (event) => {    const $target = $(event.target);    if (!$target.closest(selector).length && $(selector).is(':visible')) {        $(selector).hide();        removeClickListener();    }  }  const removeClickListener = () => {    document.removeEventListener('click', outsideClickListener)  }  document.addEventListener('click', outsideClickListener)}您能指導(dǎo)我如何使用它嗎？我進(jìn)行了編輯，并包含了一個(gè)基本示例。-> 我希望子菜單在單擊“白色”空間時(shí)也關(guān)閉。但不在父“主菜單”元素上。document.getElementById("main-menu").addEventListener("click", function() {bouttonexpand('sub-menu-class')});  function bouttonexpand(id) {                var elemeacacher = document.getElementsByClassName(id);    if (elemeacacher[0].style.display != "none"){         for(var y=0;y<elemeacacher.length;y++)       elemeacacher[y].style.display = "none";       }           else {         for(var y=0;y<elemeacacher.length;y++)       elemeacacher[y].style.display = "block";       }    }#main-menu {    display:inline-block;    height:20px;    width:100px;    background: blue;    padding: 5%;}#sub-menu {    display:inline-block;    height:50px;    width:50px;    background: red;    display: none;}<div><div id="main-menu">Main menu</div></div><div><div id="sub-menu" class="sub-menu-class">Sub menu</div></div>