0

我在 Ajaxian 上找到了这个片段，但我似乎无法使用 cursor.y（或 cursor.x）作为变量，并且当这样调用函数时它似乎不起作用。是否存在语法问题或其他问题？

function getPosition(e) {
    e = e || window.event;
    var cursor = {x:0, y:0};
    if (e.pageX || e.pageY) {
      cursor.x = e.pageX;
      cursor.y = e.pageY;
    } 
    else {
      cursor.x = e.clientX + 
        (document.documentElement.scrollLeft || 
         document.body.scrollLeft) - 
         document.documentElement.clientLeft;
      cursor.y = e.clientY + 
        (document.documentElement.scrollTop ||
         document.body.scrollTop) - 
         document.documentElement.clientTop;
    }
    return cursor;
}

如果可能的话，我宁愿不使用 jQuery UI，因为我一直认为 jQuery 和库对于大多数 JS 编程来说有点矫枉过正。

4

3 回答 3

1

这一直很难实现跨浏览器，但这是你能得到的一样好......

<!DOCTYPE html>
<html>
  <head>
    <title>Javascript Test</title>
    <script type="text/javascript"> 
      window.onload = function() {
        document.onmousemove = function(e) {
          if(!e) e = window.event;

          if(e.pageX == null && e.clientX != null) {
            var doc = document.documentElement, body = document.body;

            e.pageX = e.clientX
                    + (doc && doc.scrollLeft || body && body.scrollLeft || 0)
                    - (doc.clientLeft || 0);

            e.pageY = e.clientY
                    + (doc && doc.scrollTop || body && body.scrollTop || 0)
                    - (doc.clientTop || 0);
          }

          document.getElementById("pos").innerHTML = e.pageX + ", " + e.pageY;
        }
      } 
    </script>
  </head>
  <body> 
    <h1>Position: <span id="pos">0, 0</span></h1>
  </body>
</html>
于 2010-03-23T15:05:05.437 回答
0

必须在鼠标事件处理程序中调用此代码段，并使用处理程序中的事件对象。

于 2010-03-23T15:00:37.760 回答
0

//edit//万一我误解了你不能在javascript中设置鼠标的物理位置。

所以我在这里找到了一个答案，所以我将简单地链接到它以供学习。用javascript显示鼠标x和y位置

已编辑----想分享对我有用的东西。

这是我在上面的链接中找到的代码的一种形式，我略有改动。似乎我必须将某些东西放到 window.onload 中。

window.onload = function () {
                IE = (navigator.appName == "Microsoft Internet Explorer") ? true : false;


    if (!IE) {
                document.captureEvents(Event.MOUSEMOVE);
                document.captureEvents(Event.MOUSEDOWN);
    }
                document.onmousemove = function (e) {mousePos(e);};

                document.onmousedown = function (e) {mouseClicked();};
};


            var mouseClick;
            var keyClicked;
            var mouseX = 0;
            var mouseY = 0;

function mousePos (e) {
    if (!IE) {
                mouseX = e.pageX; 
                mouseY = e.pageY;
    }else{
                mouseX = event.clientX + document.body.scrollLeft;
                mouseY = event.clientY + document.body.scrollTop;
    }
                return true;
}
于 2013-07-10T17:01:43.177 回答