<html>
<head>
<title>The onmove event</title>
<script>
// Turn on 2-D positioning
document.execCommand("2D-position",false,true);
function fnHandleMove() {
oXDelta.innerText = event.srcElement.offsetLeft;
oYDelta.innerText = event.srcElement.offsetTop;
}
</script>
</head>
<body >
<b>Current Object:</b><br>
X delta: <span id="oXDelta">n/a</span><br>
Y delta: <span id="oYDelta">n/a</span><br>
<div contenteditable="true">
<div style="width:300px;height:100px; background-color:red; position:absolute;">
Movable DIV</div>
</div>
</body>
</html>