如何使用 JavaScript 在用户点击 DIV 外部时隐藏它?

javascriptweb developmentfront end technology更新于 2024/4/24 12:59:00

要在用户点击 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">单击此 div 外部即可隐藏。</div>
   </body>
</html>

相关文章