Event y and x Property : Event Properties « Event « JavaScript DHTML






  1. JavaScript DHTML
  2. Event
  3. Event Properties

Event y and x Property

 
    
<html>
<body>
<script language="JavaScript">
function function1() {
    myX.innerHTML = window.event.x;
    myY.innerHTML = window.event.y; 
} 
</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="function1();" style="border:solid; width:500; height:200;">
www.java2s.com
</div>
</body>
</html>








Related examples in the same category

1.Event qualifier
2.Event saveType
3.Event nextPage
4.Event repeat
5.Event return Value
6.Event pageY and pageX
7.Event screenY, screenX
8.Event offsetY and offsetY
9.Event 'layerY'
10.Event 'layerX'
11.Event 'propertyName'
12.Event from Element
13.Event screenX
14.Event 'target' Example
15.Event 'srcUrn' Example
16.Event source element
17.Event to Element
18.Event type
19.'contentOverflow' Example
20.'cancelBubble' Example
21.Get event Phase: CAPTURING,BUBBLING