鼠标指针坐标上的javascript_Javascript_Coords

鼠标指针坐标上的javascript

javascript

鼠标指针坐标上的javascript,javascript,coords,Javascript,Coords,当光标移动时，我希望在光标上显示站点的坐标x，y 我使用下面的脚本，但它会生成一个警报框 <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

当光标移动时，我希望在光标上显示站点的坐标x，y

我使用下面的脚本，但它会生成一个警报框

<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+".")>


var isIE=文件。全部？真：假；
如果（！isIE）document.captureEvents（Event.CLICK）；
document.onclick=getMousePosition；
函数getMousePosition（e）{
var_x；
var_y；
如果（！isIE）{
_x=e.pageX；
_y=e.pageY；
}
如果（isIE）{
_x=event.clientX+document.body.scrollLeft；
_y=event.clientY+document.body.scrollTop；
}
posX=x；
posY=_y；
返回true；
}

我认为这是一个更简单的选择

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


jQuery（文档）.ready（函数（）{
$（文档）.mousemove（函数（e）{
$（'#status'）.html（e.pageX+，'+e.pageY）；
}); 
})
0, 0

这应该可以：

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

您还需要此隐藏的超链接：

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

文章如下：

OP是否将此问题标记为jQuery…？您应该使用jQuery的

mousemove

事件和

html

函数，而不是像下面的答案那样使用显示模式弹出窗口的

alert

。我注意到您没有标记jQuery，但为什么不使用它呢？它使这样的动态事件变得更容易。