1. ホーム
  2. javascript

[解決済み] JavaScript のウィンドウサイズ変更イベント

2022-03-15 12:40:05

質問

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

そこに リサイズイベントをリッスンする jQuery の方法です。 しかし、この1つの要件だけのために、私のプロジェクトにそれを持ち込むことは避けたいと思います。

解決方法は?

ベストプラクティスは、リサイズイベントにアタッチすることです。

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

jQueryは、標準の resize DOMイベント、例.

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

jQuery かもしれない は、すべてのブラウザで一貫して resize イベントが発生するようにするための作業を行いますが、どのブラウザでも異なるかどうかは分かりませんが、Firefox、Safari、IE でテストすることをお勧めします。