【javascript】window.addEventListener についてメモ

window.addEventListener とはどのような動作か調べてみたのでここにメモします。

window.addEventListener は、指定したイベントが発生したときに、そのイベントを処理するためのリスナー（関数）を登録するためのメソッドです。

window.addEventListener(eventType, listener, options);

リッスンするイベントの種類を指定

イベントが発生したときに呼び出される関数です。この関数は、イベントオブジェクトを引数として受け取ります。

以下サンプルです。

function handleClick(event) {
  console.log("クリックされました", event);
}

リスナーの動作を制御するオプションです。以下の形式で指定します。

window.addEventListener("click", function(event) {
  console.log("クリックされました！");
});

window.addEventListener("resize", function() {
  console.log("ウィンドウのサイズが変更されました！");
});

window.addEventListener(
  "scroll",
  function() {
    console.log("スクロールイベント発生！");
  },
  { once: true } // 一度だけ実行
);

ものづくりのブログ