Javascript 问题关闭下拉菜单

当我在下拉菜单外单击时，下拉菜单必须关闭。如何关闭下拉菜单？这是我的密码：

<div class="pull-right srch-box">
     <button onclick="search_function()" class="dropbtn"><i class="fa fa-search" aria-hidden="true"></i></button>
     <div id="myDropdown" class="dropdown-content">
          <form>
              <div class="input-group search-box form-group">
                 <input type="text" id="search" class="form-control" placeholder="Search here...">
                 <button type="button" class="btn btn-primary ">Search</i></button>
              </div>
          </form>
     </div>
</div>

---

关闭下拉菜单的js脚本是什么？

尝试以下操作：

const dropdown = document.getElementById("myDropdown");

window.addEventListener('click', e => e.target !== dropdown ? dropdown.classList.remove('show') : false);

---

基本上，它会在整个窗口上放置一个事件。。。如果你点击了一些不是的东西，下拉列表将删除show类

这是否回答了你的问题？

const dropdown = document.getElementById("myDropdown");

window.addEventListener('click', e => e.target !== dropdown ? dropdown.classList.remove('show') : false);