|
<!--
Example revised from
The Web Programmer's Desk Reference
by Lazaro Issi Cohen and Joseph Issi Cohen
ISBN: 1593270119
Publisher: No Starch Press 2004
-->
<html>
<body>
<script language="JavaScript">
function function3() {
myX.innerHTML = window.event.offsetX;
myY.innerHTML = window.event.offsetY;
}
function function1() {
myDiv.setCapture();
}
function function2() {
myDiv.releaseCapture();
}
</script>
<p>
<b>X Coordinate:</b>
<span id="myX">0</span>
</p>
<p>
<b>Y Coordinate:</b>
<span id="myY">0</span>
</p>
<div id="myDiv"
onmousemove="function3();"
onclick="function2();"
style="border:solid; width:500; height:200;">
Click inside the box to disable mouse capture outside the box</div>
<button onclick="function1()">Set capture</button>
</body>
</html>
|