JavaScriptでウィンドウのリサイズをチェックする方法


  1. window.onresizeイベントを使用する方法:
window.onresize = function(event) {
  // リサイズイベントが発生したときの処理をここに記述する
};

この方法では、ウィンドウのサイズが変更されるたびに指定した関数が実行されます。

  1. addEventListenerを使用する方法:
window.addEventListener('resize', function(event) {
  // リサイズイベントが発生したときの処理をここに記述する
});

addEventListenerを使用すると、複数のイベントハンドラを同時に登録できます。

  1. jQueryを使用する方法:
$(window).resize(function() {
  // リサイズイベントが発生したときの処理をここに記述する
});

jQueryを使用している場合は、上記のように記述することでウィンドウのリサイズイベントを検出できます。

これらの方法を使用すると、ウィンドウのリサイズイベントを検出し、必要な処理を行うことができます。適切な方法を選択し、リサイズイベントに対応するコードを実装してください。