JavaScript の addEventListener メソッドは、DOM要素にイベントリスナーを追加するために使用される
addEventListenerは、HTML要素にイベントリスナーを追加するためのJavaScriptメソッドです。
特定のイベントが発生した際に、特定の関数やコードを実行するという仕組み。addEventListenerにより、クリックやマウスの移動などの特定のイベントに対して要素が反応するようにすることができる。
addEventListenerの構文は次のとおりです。
element.addEventListener(event, 関数, useCapture)
- イベント:例えば「click」「mouseover」などの監視したいイベント名
- 発生したイベントに対して実行する関数やコードブロック
- useCapture: オプション引数で、イベントキャプチャフェーズを使用するかどうか(true または false)を表します。
addEventListenerはイベントリスナを複数登録することができ、登録された順番に執行される。