onresizeイベント

DOM イベント Event オブジェクト

定義と用法

onresizeイベントはブラウザウィンドウが調整されたときに発生します。

ヒント：要素のサイズを取得するには、clientWidth、clientHeight、innerWidth、innerHeight、outerWidth、outerHeight、offsetWidthおよび/またはoffsetHeight属性。

例

例1

ブラウザウィンドウのサイズを調整したときにJavaScriptを実行します：

<body onresize="myFunction()">

自分で試してみてください

例2

addEventListener()メソッドを使用してwindowオブジェクトに"resize"イベントを追加：

window.addEventListener("resize", myFunction);

自分で試してみてください

構文

HTMLで：

<要素 onresize="myScript">

自分で試してみてください

JavaScriptで：

オブジェクト.onresize = function(){myScript};

自分で試してみてください

JavaScriptでaddEventListener()メソッドを使用する方法：

オブジェクト.addEventListener("resize", myScript);

自分で試してみてください

注：Internet Explorer 8またはそれ以前のバージョンではサポートしていません addEventListener()メソッド。

技術的詳細

バブル： サポートしていない
キャンセル可能： サポートしていない
イベントタイプ： ユーザーインターフェースから生成された場合、UiEvent。そうでない場合 イベント。
サポートしているHTMLタグ： <body>
DOMバージョン： レベル2イベント

ブラウザのサポート

イベント Chrome IE Firefox Safari Opera
onresize サポート サポート サポート サポート サポート
DOM イベント Event オブジェクト