無効にする

6097 ワード
html css javascript beginners テキストリンク
こんにちはこのチュートリアルでは、我々はJavascriptを使用してウェブサイト上で右クリックを無効にします.
JavaScriptメソッドを使用してページの右クリックを無効にします.使用方法は以下の通りです.

  • HTML DOM addEventListener()メソッド:このメソッドは、イベントハンドラーをドキュメントに関連付けます.
    例:
    クリックイベントを<button>要素にアタッチします.ユーザーがボタンをクリックすると、IE =' demo 'で<p>の要素でHello Worldを出力します.
    • document.getElementById("myBtn").addEventListener("click", function() {
  document.getElementById("demo").innerHTML = "Hello World";
});
    このチュートリアルでは、event.preventDefault()メソッドを使用します.
    まず、2つのファイルインデックスを作成する必要があります.HTMLとスタイル.CSSでコードを行う必要があります.

    ステップ1
    インデックスの内側にコードを追加します.HTML
    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>How to disable right click using JavaScript</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="style.css" />
    <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap" rel="stylesheet">
  </head>
  <body>
    <div class="center">
      <h2>Click on the button to disable right click</h2>
      <button class="btn" onclick="contextmenu()">Click Me</button>
      <small id="disable_msg"></small>
    </div>
    <script type="text/javascript">
      var disable_msg = document.getElementById("disable_msg");

      function contextmenu() {
        document.addEventListener('contextmenu', 
          event => event.preventDefault()
        );
        disable_msg.innerHTML = "Right Click Disable";
      }
    </script>
  </body>
</html>

    ステップ2
    次に、スタイル用のコードを追加する必要があります.CSSは私が画面の下に提供するコードです.
    Download Css

    出力を無効にする

    For more interesting content like ▼▼▼


    How to create custom checkbox
    ネットワークプログラミング2
    [2002 KAKAO BLIND RECRUITMENT]未破壊の建物