JavaScript ウィンドウのサイズ変更イベント

「 サイズ変更 」 JavaScript のイベントは、ユーザーがブラウザー ウィンドウのサイズを変更したときにトリガーされる組み込みイベントです。このイベントを使用して、新しいウィンドウ サイズに応じて Web ページのレイアウトまたは動作を調整できます。イベントは、ブラウザ ウィンドウを示すウィンドウ オブジェクトでトリガー/起動されます。

この投稿では、JavaScript での Window resize イベントについて説明します。

JavaScript のウィンドウ「サイズ変更」イベントとは何ですか?

JavaScript では、「 サイズ変更 」イベントは、ブラウザ ウィンドウのサイズが変更されたときに発生します。 「 addEventListener() 」ウィンドウ オブジェクトのメソッド。このイベントは、ブラウザ ウィンドウのサイズが変更されるたびにトリガーされます。

構文

次の構文は、「addEventListener()」メソッドでウィンドウのサイズを変更するためのサイズ変更イベントに使用されます。

メモリ リークを回避するために、イベント リスナーを削除することをお勧めします。イベントリスナーを削除するには、「 removeEventListener() ' 方法：

例

提供されている例では、ウィンドウのサイズを変更している間、ウィンドウの長さと幅がページに表示されます。

最初に、ウィンドウの長さと幅を表示するためのスパン領域を作成します。