chụp vị trí chuột trên setInterval() trong Javascript

Question

Tôi có một hàm trong javascript di chuyển một div tùy thuộc vào vị trí của chuột. Hàm này được đặt trên một hàm setInterval() và được thực thi mỗi giây. Tôi cần chụp vị trí chuột như sau:

function mousemov() { 
    document.getElementById("myDiv").style.left = Event.clientX; //don't work 
} 

window.onload = function() { 
    setInterval("mousemov()",1000); 
} 

Ps: Tôi không thể sử dụng sự kiện mousemove vì chức năng phải được thực thi ngay cả khi chuột bị dừng.

Cảm ơn bạn đã trợ giúp!

Answer 1

Thời gian duy nhất mà bạn có thể truy cập vào các đối tượng sự kiện là trong việc thực hiện các phương thức thụ lý sự kiện. Vì vậy, những gì bạn cần làm là tạo ra một sự kiện OnMouseMove trên tài liệu và lưu tọa độ chuột trong một đối tượng có thể truy cập toàn cầu. Sau đó, bạn có thể truy cập các giá trị này từ bất kỳ nơi nào khác trong tập lệnh của mình để xác định vị trí chuột.

Dưới đây là một ví dụ (bạn không sử dụng jQuery, vì vậy đây là thẳng mã DOM):

document.onmousemove = function(e) { 
    var event = e || window.event; 
    window.mouseX = event.clientX; 
    window.mouseY = event.clientY; 
} 

function mousemov() { 
    document.getElementById("myDiv").style.left = window.mouseX; 
} 

window.onload = function() { 
    setInterval(mousemov, 1000); 
} 

tôi nên lưu ý rằng clientX và clientY không dùng di chuyển vào tài khoản. Bạn sẽ cần phải lấy các dời dời cuộn và áp dụng chúng cho các giá trị trả về.

Answer 2

tốt, nếu bạn nghe di chuyển chuột cho tài liệu và lưu vị trí của tài liệu, sau đó, bất cứ khi nào bạn muốn, ví dụ: mỗi giây trong trường hợp của bạn, bạn có vị trí chuột đăng ký mới nhất.

đây là một ví dụ jquery

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

và chức năng MouseMove của bạn sẽ là

function mousemov() { 
    document.getElementById("myDiv").style.left = window.mouseX; 
}