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

JavaScriptでremoveEventListener（）メソッドを操作するにはどうすればよいですか？

JavaScriptのremoveEventListener（）メソッドを使用して、addEventListener（）メソッドに添付されたイベントハンドラーを削除します。

例

<!DOCTYPE html>
<html>
   <head>
      <style>
         #box {
            background-color: gray;
            border: 2px dashed;
         }
      </style>
   </head>

   <body>
      <div id="box">Demo Text!
         <p>Click below to remove event handler.</p>
         <button onclick="removeEvent()" id = "btnid">Remove</button>
      </div>
      <p id="pid"></p>
      <script>
         document.getElementById("box").addEventListener("mousemove", display);
         function display() {
            document.getElementById("pid").innerHTML = Math.random();
         }
         function removeEvent() {
            document.getElementById("box").removeEventListener("mousemove", display);
         }
      </script>
   </body>
</html>

  1. JavaScriptを使用して要素からクラス名を削除するにはどうすればよいですか？

    JavaScriptを使用して要素からクラス名を削除するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .newStyle {       font-family: "Segoe UI", Tahoma, Geneva

  2. JavaScriptのremoveEventListener（）メソッドと例

    JavaScriptのremoveEventListener（）メソッドは、以前にaddEventListener（）メソッドでアタッチされた要素からイベントリスナーを削除するために使用されます。 以下は、removeEventListener（）メソッドのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="wid