JavaScript на координаты указателя мыши - PullRequest
Новая
       78

JavaScript на координаты указателя мыши

0 голосов
/ 11 ноября 2011

Я бы хотел, чтобы координаты 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+".")>

Ответы [ 2 ]

1 голос
/ 11 ноября 2011

Это должно работать: 

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

enter image description here

Вот статья: http://www.brenz.net/snippets/xy.asp

1 голос
/ 11 ноября 2011

Я думаю, что это более простой вариант .. 

<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

...