如何使用 JavaScript 在使用者點選外部時隱藏一個 DIV?


要隱藏 div,當用戶在它外部點選時,請嘗試執行以下程式碼

示例

現場演示

<!DOCTYPE html>
<html>
   <body>
      <script>
         window.onload = function(){
            var hideMe = document.getElementById('hideMe');
            document.onclick = function(e){
               if(e.target.id !== 'hideMe'){
                  hideMe.style.display = 'none';
               }
            };
         };
      </script>
      <div id="hideMe">Click outside this div and hide it.</div>
   </body>
</html>

更新於:2019-09-18

1K+ 次瀏覽

開啟您的職業

透過完成該課程獲得認證

開始
廣告
© . All rights reserved.