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

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

addEventListener（）を使用します イベントハンドラーをアタッチするメソッド。

例

次のコードを実行して、 addEventListener（）の操作方法を学ぶことができます。 JavaScriptのメソッド-

<!DOCTYPE html>
<html>
   <body>
      <p>Double click the below button.</p>
      <button id = "btnid"> Double Click </button>
      <p id = "pid"> </p>
      <script>
         document.getElementById("btnid").addEventListener("dblclick", displayEvent);
         function displayEvent() {
            document.getElementById("pid").innerHTML = Date();
         }
      </script>
   </body>
</html>

  1. JavaScriptでキャンバスに描画する方法は？

    HTMLキャンバスへの描画は、JavaScriptを使用して行います。キャンバスに描画する前に、HTML DOMメソッドgetElementById（）およびgetContext（）を使用してください。 そのためには、いくつかの手順に従います- キャンバス要素を見つけるには、getElementById（）メソッドを使用する必要があります。 キャンバスの描画オブジェクトであるgetContext（）を使用します。描画のメソッドとプロパティを提供します。 その後、キャンバスに描画します。 例 次のコードを実行して、JavaScriptでキャンバスを描画してみてください- <!D

  2. HTML DOM addEventListener（）メソッド

    HTML DOMのaddEventListener（）メソッドは、指定された要素にイベントハンドラーをアタッチするために使用されます。 以下は構文です- element.addEventListener(event, function, capture) 上記のパラメータには、-が含まれます。 イベント： イベントの名前。必須です。 機能： イベント発生時に実行する関数。必須です。 キャプチャ： イベントをキャプチャフェーズで実行する必要があるかどうか。このチェックとブール値の表示。正誤問題。 ここで、DOM addEventListener（）メソッドを実装する例を見てみまし