onResizeEnd

書式

<タグ名 onResizeEnd="イベント発生時の処理">
オブジェクト.onresizeend = "イベント発生時の処理"

説明

オブジェクトがリサイズされた後に発生するイベントです。Windows版Internet Explorer 5.5以降で利用できます。

サンプルコード [実行]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<script type="text/javascript"><!--
var flag = false;
window.onload = function() {
document.execCommand("2D-position", false, true);
document.body.onresizestart = eventResizeStart;
document.body.onresizeend = eventResizeEnd;
}
function eventResizeStart() {
flag = false;
document.getElementById("result").innerHTML += "Resize Start, ";
}
function eventResizeEnd() {
document.getElementById("result").innerHTML += "Resize End, ";
}
// --></script>
</head>
<body>
<div contenteditable="true" style="width:500px;height:300px;border:1px solid black">
<div id="mvDiv" style="position:absolute;width:200px;height:100px;background-color:orange;">Sample Box</div>
</div>
<div id="result"></div>
</body>
</html>