JavaScript ウィンドウのサイズ変更イベント 質問する

JavaScript ウィンドウのサイズ変更イベント 質問する

ブラウザウィンドウのサイズ変更イベントにフックするにはどうすればいいですか?

そこにはjQuery でサイズ変更イベントを監視する方法しかし、この 1 つの要件のためだけにプロジェクトに導入することは避けたいと思います。

ベストアンサー1

ベストプラクティスは、サイズ変更イベントを置き換えるのではなく、追加することです。

window.addEventListener('resize', function(event) {
    ...
}, true);

別の方法としては、DOM イベントに対して単一のハンドラーを作成することです (ただし、ハンドラーは 1 つしか持てません)。例:

window.onresize = function(event) {
    ...
};

jQuery は、すべてのブラウザーで resize イベントが一貫して発生するように何らかの作業を行う可能性がありますが、ブラウザーによって異なるかどうかはわかりません。ただし、Firefox、Safari、IE でテストすることをお勧めします。

おすすめ記事