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 とライブラリは、ほとんどの JS プログラミングにとって少しやり過ぎだといつも思っていたので、できれば jQuery UI を使用しないことをお勧めします。

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

//編集//念のため、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 に答える