最新のWeb開発のチュートリアル
 

さらにonResizeイベント

<イベントオブジェクト

ブラウザウィンドウのサイズが変更されたときにJavaScriptを実行します。

<body onresize="myFunction()">
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

ブラウザウィンドウのサイズが変更されたとき、さらにonResizeイベントが発生します。

ヒント:要素のサイズを取得するには、clientWidth、clientHeight、使用はinnerWidthinnerHeightはouterWidthのouterHeight 、offsetWidthおよび/またはoffsetHeightプロパティを。


ブラウザのサポート

イベント
onresize はい はい はい はい はい

構文

HTMLには:

JavaScriptで:

JavaScriptでは、使用してaddEventListener()メソッドを:

object .addEventListener("resize", myScript );
»それを自分で試してみてください

注: addEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョンでサポートされていません。


技術的な詳細

バブル: ノー
取消し可能: ノー
イベントの種類: たUIEvent
サポートされているHTMLタグ: <身体>
DOMバージョン: レベル2のイベント

例

その他の例

使い方addEventListener()接続する方法を"resize"ウィンドウオブジェクトにイベントを。

window.addEventListener("resize", myFunction);
»それを自分で試してみてください

<イベントオブジェクト