jQuery を使用せずにブラウザ ウィンドウのサイズ変更イベントをリッスンするにはどうすればよいですか?

ブラウザ ウィンドウのサイズ変更イベント: jQuery を使用しないリスニング

jQuery を使用せずにブラウザ ウィンドウのサイズ変更イベントにフックするには、主に 2 つの方法があります。

方法 1: イベントを追加するListener

推奨される方法は、サイズ変更イベントにイベント リスナーを追加することです。これにより、ウィンドウのサイズが変更されるたびにリスナーが呼び出されることになります。

window.addEventListener('resize', function(event) {
    // Code to execute when the window is resized
}, true);

addEventListener 関数の true パラメーターは、リスナーがイベントのキャプチャ フェーズで呼び出されるように指定します。

方法 2: onresize プロパティにハンドラーを割り当てる

代替アプローチwindow オブジェクトの onresize プロパティにハンドラー関数を割り当てることです。ただし、このメソッドはサイズ変更イベントのハンドラーを 1 つだけ持つことができます。

window.onresize = function(event) {
    // Code to execute when the window is resized
};

考慮事項

• jQuery は、
• Firefox、Safari などの複数のブラウザで機能をテストすることをお勧めします。 Internet Explorer が適切に動作するようにします。

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