onresizeイベント
例
ブラウザウィンドウのサイズが変更されたら、JavaScriptを実行します。
<body onresize="myFunction()">
以下の「自分で試してみてください」の例をもっと見てください。
定義と使用法
onresizeイベントは、ブラウザウィンドウのサイズが変更されたときに発生します。
ヒント:要素のサイズを取得するには、clientWidth、clientHeight、innerWidth、 innerHeight、outerWidth、 outerHeight、 offsetWidth、offsetHeightの各プロパティを使用します。
ブラウザのサポート
Event | |||||
---|---|---|---|---|---|
onresize | Yes | Yes | Yes | Yes | Yes |
構文
HTMLの場合:
<element onresize="myScript">
JavaScriptの場合:
object.onresize = function(){myScript};
JavaScriptでは、addEventListener()メソッドを使用します。
object.addEventListener("resize", myScript);
注: addEventListener ()メソッドは、Internet Explorer8以前のバージョンではサポートされていません。
技術的な詳細
泡: | 番号 |
---|---|
キャンセル可能: | 番号 |
イベントタイプ: | ユーザーインターフェイスから生成された場合はUiEvent 、それ以外の場合はEvent |
サポートされているHTMLタグ: | <本体> |
DOMバージョン: | レベル2のイベント |
その他の例
例
addEventListener()メソッドを使用して、ウィンドウオブジェクトに「サイズ変更」イベントをアタッチします。
window.addEventListener("resize", myFunction);