Xác định vị trí chuột bên ngoài các sự kiện (sử dụng jQuery)?

Question

Tôi cần giữ một vị trí/tọa độ chuột tuyệt đối (X và Y) bằng cách sử dụng (tốt hơn) jQuery như trong this tutorial nhưng bên ngoài bất kỳ sự kiện JavaScript nào. Cảm ơn bạn.

Answer 1

Không thể. Tuy nhiên, bạn có thể sử dụng cùng một cách tiếp cận trong hướng dẫn để lưu trữ vị trí trong một biến toàn cầu và đọc nó bên ngoài sự kiện.

Như thế này:

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

Bây giờ bạn có thể sử dụng window.mouseXPos và window.mouseYPos từ bất cứ nơi nào.

Answer 2

này bắt đầu như là một lời nhận xét trên Chetan Sastry's answer, nhưng tôi nhận ra nó cũng có thể là giá trị đăng như một câu trả lời:

Tôi muốn cẩn thận về việc có một tài liệu cấp, luôn luôn chạy mousemove sự kiện, ngay cả khi bạn chỉ đang thăm dò ý kiến ​​cho vị trí con trỏ. Điều này là rất nhiều chế biến và có thể bog xuống bất kỳ trình duyệt, đặc biệt là những người chậm hơn như IE.

Một vấn đề như thế này gần như chắc chắn đặt ra câu hỏi về quyết định thiết kế: nếu bạn không cần xử lý sự kiện chuột để thăm dò vị trí con trỏ, bạn có thực sự cần vị trí con trỏ không? Có cách nào tốt hơn để giải quyết vấn đề bạn đang cố giải quyết không?

Chỉnh sửa: ngay cả trong Safari 4, đó là (cách nói) rất nhanh, sự kiện mousemove đơn lẻ này làm cho mọi tương tác với trang hướng dẫn đó trở nên đáng chú ý đối với tôi. Hãy nghĩ về điều đó sẽ ảnh hưởng đến nhận thức của người dùng về trang web hoặc ứng dụng của bạn như thế nào.

Answer 3

Chức năng này sẽ làm giảm ảnh hưởng đến hiệu suất UI bằng cách chỉ nhận vị trí chuột ở một khoảng thời gian: "Bây giờ bạn có thể sử dụng window.mouseXPos và window.mouseYPos từ bất cứ nơi nào"

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

Cũng giống như trong câu trả lời khác

Bạn mất một chút chính xác khi di chuyển chuột sẽ không được phát hiện trong các khoảng thời gian.

Answer 4

Tôi đã thử tính linh hồn của @Chetan Sastry, nhưng nó không hoạt động. (Tôi đang sử dụng jQuery 1.6.4). Tôi thay đổi mã và sau đó tôi làm việc ngay bây giờ. Đây là mã của tôi. Hy vọng điều này có thể giúp cho bạn.

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