書式
<タグ名 onMoveStart="イベント発生時の処理">
オブジェクト.onmovestart = "イベント発生時の処理"
説明
オブジェクトが移動する前に発生するイベントです。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.onmove = eventMove;
document.body.onmovestart = eventMoveStart;
document.body.onmoveend = eventMoveEnd;
}
function eventMoveStart() {
flag = false;
document.getElementById("result").innerHTML += "Move Start, ";
}
function eventMove() {
if (!flag) {
document.getElementById("result").innerHTML += "Move, ";
flag = true;
}
}
function eventMoveEnd() {
document.getElementById("result").innerHTML += "Move 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>