resize ( onresize )イベント
resize ( onresize )イベントは、ブラウザの Window のサイズを変更が起きたら発生するイベントです。
window または <body> エレメントに設定します。
window.onresize = (event)=>{
console.log( event );
};
詳しくは Example を参照してください
window は省略することができます。
エレメントでは機能しないようです。エレメントでの例は以下のエレメントでの onresize
を参照してください。
ページ内 Index
構文（Syntax）
in HTML
<tagelement onresize="function()">
in JavaScript
object.onresize = function(){ };
object.addEventListener("resize", script_);
備考（Remarks）
| Bubbles | No |
| Cancelable | No |
| Interface | UiEvent（ユーザーインターフェイスから生成された場合）,Event |
| Supported HTML Elements | <body> |
Example
エレメントでの onresize
エレメントで onresize イベントが機能するか試したものです。
エレメントをユーザーによってサイズ変更するには、エレメントのスタイルの overflow と resize プロパティを以下のよう指定します。
overflow: hidden; resize: block;
エレメントでは機能しないようです。