addEventListener() は EventTarget インターフェイスのメソッドで、ターゲットに特定のイベントが配信されるたびに呼び出される関数を設定します。

引数
type 対象とするイベントの種類を表す文字列です。 listener 指定された種類のイベントが発生するときに通知（Event インターフェースを実装しているオブジェクト）を受け取るオブジェクト。これは null であるか、handleEvent() メソッドのあるオブジェクトか、JavaScript の関数の何れかでなければなりません。コールバックについて詳しくは、イベントリスナーのコールバックを参照してください。 options 省略可 対象のイベントリスナーの特性を指定する、オプションのオブジェクトです。次のオプションが使用できます。 capture 省略可 論理値で、この型のイベントが DOM ツリーで下に位置する EventTarget に配信 (dispatch) される前に、登録された listener に配信されることを示します。指定されていない場合は、既定で false になります。 once 省略可 論理値で、 listener の呼び出しを一回のみのとしたいかどうかを値で指定します。 true を指定すると、 listener は一度実行された時に自動的に削除されます。指定されていない場合は、既定で false になります。 passive 省略可 論理値で、 true ならば、 listener で指定された関数が preventDefault() を呼び出さないことを示します。呼び出されたリスナーが preventDefault() を呼び出すと、ユーザーエージェントは何もせず、コンソールに警告を出力します。指定されていない場合、既定で false になります。ただし、Safari 以外のブラウザーでは、wheel、mousewheel、touchstart、touchmove の各イベントでは true になります。詳細はパッシブリスナーによるスクロールの性能改善をご覧ください。 signal 省略可 AbortSignal です。指定された AbortSignal オブジェクトの abort() メソッドが呼び出された時に、リスナーが削除されます。指定されていない場合は、AbortSignal がリスナーに関連付けられません。 useCapture 省略可 論理値で、この型のイベントが、DOM ツリー内の下の EventTarget に配信される前に、登録された listener に配信されるかどうかを示します。ツリーを上方向にバブリングしているイベントは、キャプチャを使用するように指定されたリスナーを起動しません。イベントのバブリングとキャプチャは、両方の要素がそのイベントのハンドラーを登録している場合に、別の要素内に入れ子になっている要素で発生するイベントを伝播する 2 つの方法です。イベント伝播モードは、要素がイベントを受け取る順番を決定します。詳細な説明は DOM Level 3 Events と JavaScript Event order を参照してください。 指定されていない場合、 useCapture は既定で false となります。 wantsUntrusted 省略可 Non-standard true の場合、このリスナーはウェブコンテンツによって発行された合成イベント (カスタムイベント) を受け取ります (ブラウザーのクロームでは既定で false ですが、一般のウェブページでは true です)。この引数は、主にアドオンやブラウザー自身の役に立つものです。

イベントリスナーのコールバック
イベントリスナーには、コールバック関数または handleEvent() メソッドを持つオブジェクトの何れかをコールバック関数として指定することができます。 コールバック関数自体は、 handleEvent() メソッドと同じ引数と返値を持ちます。つまり、コールバック関数は発生したイベントを説明する Event に基づくオブジェクトを唯一の引数として受け付け、何も返しません。 たとえば、次のイベントハンドラーコールバックは、 fullscreenchange および fullscreenerror の両方を処理するために使用することができます。