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

JavaScript HTML DOMの要素にイベントハンドラーを追加するにはどうすればよいですか？

要素にイベントハンドラーを追加するには、JavaScriptを使用します addEventListener（） 方法。次のコードを実行して、イベントハンドラーを追加してみてください-

例

<!DOCTYPE html>
<html>
   <body>
      <p>Click the below button.</p>
      <button id = "btnid">Click me</button>

      <p id = "pid"></p>

      <script>
         document.getElementById("btnid").addEventListener("click", displayEvent);

         function displayEvent() {
            document.getElementById("pid").innerHTML = Date();
         }
      </script>
   </body>
</html>

  1. HTMLで要素の値を追加するにはどうすればよいですか？

    値を使用 HTMLの要素の値を追加する属性。次の要素で動作します-、、、、、、。 例 次のコードを実行して、 valueを実装してみてください。 属性- <!DOCTYPE html> <html>    <body>       <head>          <title>HTML value attribute</title>       </head>   &nbs

  2. HTML DOM DragEvent

    HTML DOM DragEventは、選択したテキストがドラッグアンドドロップされるたびに実行されるイベントの一種です。このイベントはHTML5で導入されました。 プロパティ 以下は、HTML DOMDragEvent-のプロパティです。 プロパティ 説明 dataTransfer ユーザーがドラッグまたはドロップしているデータを返すため。 構文 以下は、DragEvent-の構文です。 Object.DragEventType= function_name; ここで、function_nameは、実行中のイベントで実行する関数です。 イベント 以下は、D