HTMLリファレンスマニュアル

HTMLタグ全一覧

HTML onresizeイベント属性

ドキュメントビューページのサイズが変更されるとresizeイベントが発生します。

オンラインサンプル

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

例

<!DOCTYPE html>
<html>
<head>
<title>HTML onresize イベント属性の使用(基本チュートリアルウェブ oldtoolbag.com)</title>
</head>
<body onresize="myFunction()">
<p>ブラウザのウィンドウサイズを調整してみてください.</p>
<script>
function myFunction() {
　　alert("ブラウザのウィンドウサイズを変更しました!");
}
</script>
</body>
</html>

テストを見てみる ‹/›

ブラウザ互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが onresize イベント属性をサポートしています

定義と用法

ブラウザのウィンドウサイズを調整すると、onresize 属性がトリガーされます。

onresize 属性は、ウィンドウサイズの調整に常用されます。

HTML 4.01 HTML5の違い

ありません。

構文

<element onresize="script">

属性値

値	説明
script	onresize イベントがトリガーされた際に実行されるスクリプトを指定します。

HTML イベント属性

HTML: <template> タグ