javascript on mouse pointer coords

Question

javascript on mouse pointer coords

399 Views Asked by user494766 At 04 April 2025 at 14:49

I would like to appear the coordinates x,y from a site on my cursor as it is moving ..

I use the bellow script but it generates a alert box.

<script type=text/javascript>
var isIE = document.all?true:false;
if (!isIE) document.captureEvents(Event.CLICK);

document.onclick = getMousePosition;
function getMousePosition(e) {
  var _x;
  var _y;
  if (!isIE) {
    _x = e.pageX;
    _y = e.pageY;
  }
  if (isIE) {
    _x = event.clientX + document.body.scrollLeft;
    _y = event.clientY + document.body.scrollTop;
  }
  posX = _x;
  posY = _y;

  return true;
}
</script>

<body onclick=alert("X-position:&nbsp;"+posX+";&nbsp;Y-position:&nbsp;"+posY+".")>

Original Q&A

There are 2 best solutions below

**r0ast3d** · Answer 1

I think this is a simpler option..

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
   $(document).mousemove(function(e){
      $('#status').html(e.pageX +', '+ e.pageY);
   }); 
})
</script>
<body>
<h2 id="status">
0, 0
</h2>
</body>
</html>

http://docs.jquery.com/Tutorials:Mouse_Position#Tracking_mouse_position

**James Johnson** · Answer 2

This should work:

// Cursor coordinate functions
var myX, myY, xyOn, myMouseX, myMouseY;
xyOn = true;

function getXYPosition(e) {
    myMouseX = (e || event).clientX;
    myMouseY = (e || event).clientY;
    if (document.documentElement.scrollTop > 0) {
        myMouseY = myMouseY + document.documentElement.scrollTop;
    }
    if (xyOn) {
        alert("X is " + myMouseX + "\nY is " + myMouseY);
    }
}
function toggleXY() {
    xyOn = !xyOn;
    document.getElementById('xyLink').blur();
    return false;
}   

document.onmouseup = getXYPosition;

You also need this hidden hyperlink:

<a href="#" id="xyLink" onfocus="toggleXY();" accesskey="z"></a>

enter image description here

Here's the article: http://www.brenz.net/snippets/xy.asp

javascript on mouse pointer coords

There are 2 best solutions below

Related Questions in JAVASCRIPT

Related Questions in COORDS

Trending Questions

Popular # Hahtags

Popular Questions