我有一個(gè)用例，其中用戶(hù)單擊搜索圖標(biāo)，并顯示輸入。我想這樣做，以便在打開(kāi)輸入時(shí)，只要您在輸入之外單擊，它就會(huì)將其隱藏。當(dāng)然，我也想保持當(dāng)前的切換狀態(tài)。試圖找出一種使用普通JavaScript（而不是jQuery）的解決方案。///////////// Nav - Search Functionality// Toggle showing and not showing the inputconst searchIcon = document.getElementById('search-icon');const searchInput = document.getElementById('search-input');searchIcon.addEventListener('click', function() {  searchInput.classList.toggle('is-active');  searchInput.classList.toggle('transform-is-active');});.is-active {  display: block !important;}.is-hidden {  display: none !important;}.transform-is-active {  width: 200px !important;}#search-input {  display: none;  margin-right: 10px;  transition: all 2s ease;}#search-icon {  cursor: pointer;}<!--Search--><input id="search-input" class="input" type="text" placeholder="Search..."><img id="search-icon" src="https://static.thenounproject.com/png/101791-200.png" alt="Search" tabindex="0" />