JavaScript Reference/Javascript Properties/offsetX

Материал из Web эксперт
Перейти к: навигация, поиск

"offsetX" Example

    
<html>
<body>
<script language="JavaScript">
function function2() {
    myX.innerHTML = window.event.offsetX;
    myY.innerHTML = window.event.offsetY;
}
</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="function2();" 
     style="border:solid; width:200; height:50; overflow:scroll;">
   <img src="yourimage.gif">
</div>
</body>
</html>



"offsetX" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |event                                                         |
+----------------+--------------------------------------------------------------+



"offsetX" Syntax and Note

Note:
Read-only properties. 
Return mouse X coordinates.
    
Syntax:
    
window.event.offsetX
window.event.offsetY