（jQueryを使用して）イベントの外でのマウスの位置を決定しますか？

Question

this tutorialのようなjQueryを使用し、JavaScriptイベントの外では、絶対的なマウスの位置/座標（XとY）を取得する必要があります。ありがとうございました。

Answer 1

できません。ただし、チュートリアルで同じ方法を使用して、グローバル変数に位置を格納し、イベント外で読み取ることはできます。このよう

：

jQuery(document).ready(function(){ 
    $().mousemove(function(e){ 
     window.mouseXPos = e.pageX; 
     window.mouseYPos = e.pageY; 
    }); 
}) 

あなたは今どこからでもwindow.mouseXPosとwindow.mouseYPosを使用することができます。

Answer 2

これはChetan Sastry's answerにコメントとして始まったが、私はそれも答えとして掲載する価値があるかもしれません実現：

も、あなたならば、私は、ドキュメントレベル、常に実行されているmousemoveイベントを持っていることについて注意が必要だろうカーソル位置だけをポーリングします。これは多くの処理であり、ブラウザ、特にIEなどのブラウザの速度が遅くなる可能性があります。

カーソルの位置をポーリングするためにマウスイベントを処理する必要がない場合は、実際にカーソル位置が必要ですか？あなたが解決しようとしている問題を解決する良い方法はありますか？

編集：さえあるのSafari 4、（控えめ）非常に高速で、その単一mousemoveイベントは私にとってそのチュートリアルページを持つすべての相互作用が著しく途切れ途切れになります。それがあなたのサイトやアプリケーションに対するユーザーの認識にどのように影響するか考えてみてください。

Answer 3

この関数は、唯一の間隔でマウスの位置を取得することにより、UIのパフォーマンスへの影響を減少させます「あなたは今、どこからでもwindow.mouseXPosとwindow.mouseYPosを使用することができます」ただ、他の回答のように

function getMousePosition(timeoutMilliSeconds) { 
    // "one" attaches the handler to the event and removes it after it has executed once 
    $(document).one("mousemove", function (event) { 
     window.mouseXPos = event.pageX; 
     window.mouseYPos = event.pageY; 
     // set a timeout so the handler will be attached again after a little while 
     setTimeout(function() { getMousePosition(timeoutMilliSeconds) }, timeoutMilliseconds); 
    }); 
} 

// start storing the mouse position every 100 milliseconds 
getMousePosition(100); 

は、

間隔の間にマウスの移動が検出されないため、少し正確さが失われます。

Answer 4

@Chetan Sastryのソウルシップを試しましたが、動作しません（jQuery 1.6.4を使用しています）。私はコードを変更し、私は今働いています。ここに私のコードです。これが助けてくれるといいなあ

    $(document).ready(function(){ 
     $(document).mousemove(function(e){ 
      window.mouseXPos = e.pageX; 
      window.mouseYPos = e.pageY; 
     }); 
    });