JavaScript でブラウザ ウィンドウのサイズ変更イベントを検出するにはどうすればよいですか?

JavaScript: ウィンドウ サイズ変更イベントのリスニング

JavaScript でブラウザ ウィンドウのサイズ変更イベントをキャプチャするには、いくつかの方法があります。 1 つの方法では、addEventListener メソッドを使用してリスナーをサイズ変更イベントに追加します。これにより、ウィンドウ サイズが変更されるたびに指定された関数が確実に実行されます:

window.addEventListener('resize', function(event) {
    // Custom code to handle the resize event
}, true);

または、単一のハンドラーを onresize イベントに割り当てることも可能です:

window.onresize = function(event) {
    // Custom code to handle the resize event
};

このアプローチウィンドウのサイズ変更時に呼び出される関数が 1 つだけであることを保証します。

質問で述べたように、このタスクに jQuery を使用することも重要です。 オプション。ただし、この機能用の追加ライブラリを導入する前に、プロジェクトの特定の要件を考慮することをお勧めします。

さらに、ブラウザによってサイズ変更イベントの処理方法が若干異なる場合があることにも注意してください。一貫した動作を確保するには、Firefox、Safari、IE などの複数のブラウザでテストすることをお勧めします。

以上がJavaScript でブラウザ ウィンドウのサイズ変更イベントを検出するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。