'setCapture()' Example : setCapture « Javascript Methods « JavaScript Reference

Home
JavaScript Reference
1.Event Handlers Reference
2.Javascript Collections
3.Javascript Methods
4.Javascript Objects
5.Javascript Properties
JavaScript Reference » Javascript Methods » setCapture 




'setCapture()' Example

    
<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>

    
      
      














Related examples in the same category
1.'setCapture()' Syntax, Parameters and Note
2.'setCapture()' is applied to
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.