DOM

：

：

Window：resize イベント

　編集：2022.10.17 by T.A.

[Edge]。→、、

ウインドウのビューの大きさが変更されたときに発生します。

バブリング なし
キャンセル可能 いいえ
インターフェイス UIEvent
イベント ハンドラー プロパティ onresize
例

HTML： 

<SPAN id=IdLog></SPAN>

JavaScript： 

function Job(eve){  //resize イベントの処理：
  D=eve;  //＝[object]：[object Event]

詳細	//isTrusted＝[boolean]：true
	//type＝[string]：resize
	//target＝[object]：[object Window]
	//currentTarget＝[object]：[object Window]
	//eventPhase＝[number]：2
	//bubbles＝[boolean]：false
	//cancelable＝[boolean]：false
	//defaultPrevented＝[boolean]：false
	//composed＝[boolean]：false
	//…


  IdLog.innerHTML="window.innerWidth："+ window.innerWidth +"<BR>"
	+"window.innerHeight："+ window.innerHeight;
}
window.addEventListener('resize', Job);

ウインドウのサイズを変えるとイベントが発生する。

インターフェイスは Event のようだが。

→addEventListener()。

ここのようです→

当文書は、top ウインドウ内に IFRAME を置き、その中に当文書ファイルを開いています。

IFRAME のサイズを変えてみる

HTML： 「Test_Window_resize_Event.htm」は、resize イベント発生すると「●」を書くようにしてあります。 

<IFRAME id=IdTest resizeable src="../Com/Test_Window_resize_Event.htm"></IFRAME>

JavaScript： 

IdTest.style.width="500px"  //横幅変更。

横幅を変更したら resize イベントが発生した。

テスト