JavaScriptでウィンドウサイズを追跡する方法

ウィンドウサイズを追跡するためには、resize イベントを使用することができます。以下に、シンプルで簡単な方法とコード例をいくつか紹介します。

1. イベントリスナーを使用する方法:

window.addEventListener('resize', function() {
  // ウィンドウサイズが変更された時の処理をここに記述する
});

上記のコードでは、ウィンドウサイズが変更されるたびに指定した処理が実行されます。処理の中には、ウィンドウの幅や高さを取得して利用することもできます。

2. jQueryを使用する方法:

$(window).resize(function() {
  // ウィンドウサイズが変更された時の処理をここに記述する
});

jQueryを使用している場合は、resize イベントに対して直接関数を割り当てることができます。同様に、処理の中でウィンドウのサイズに応じた操作を行うことができます。

以上がウィンドウサイズを追跡するためのシンプルで簡単な方法の例です。必要に応じてこれらのコードをカスタマイズして使用してください。