Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

ユーザーがDIVの外側をクリックしたときに、JavaScriptを使用してDIVを非表示にするにはどうすればよいですか？

ユーザーが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>

  1. <script>タグを使用してクライアント側のJavaScriptを定義するにはどうすればよいですか？

    HTML タグは、HTMLドキュメント内でスクリプトを宣言するために使用されます。これにより、クライアント側のJavaScriptを定義できます。 タグの属性は次のとおりです- 属性 値 説明 非同期 非同期 スクリプトが非同期で実行されることを指定します。 文字セット 文字セット スクリプトが使用する文字エンコードを定義します。 延期 延期 スクリプトがコンテンツを生成しないことを宣言します。したがって、ブラウザ/ユーザーエージェントは、ページの残りの部分の解析とレンダリングを続行できます。 src URL

  2. ボタンクリック時にJavaScriptでdivを非表示にする方法は？

    次は私たちのdivだとしましょう- <div id="showOrHide"> Welcome in JavaScript </div> 以下は私たちのボタンです。クリックすると、上記のdivが非表示になります- <button onclick="showOrHideDiv()">Click The Button</button> JavaScriptでstyle.displayの概念を使用して、divを非表示にします。以下はコードです- 例 <!DOCTYPE html> <ht