当我向下滚动或向上滚动时,如何获得鼠标位置
我试过这个
$(document).mousemove(function(event) {
captureMousePosition(event);
}).scroll(function(event) {
xMousePos = event.pageX + $(document).scrollLeft();
yMousePos = event.pageY + $(document).scrollTop();
window.status = "x = " + xMousePos + " y = " + yMousePos;
});
function captureMousePosition(event){
xMousePos = event.pageX;
yMousePos = event.pageY;
window.status = "x = " + xMousePos + " y = " + yMousePos;
}
Run Code Online (Sandbox Code Playgroud)
但没有工作我想要鼠标相对于页面顶部的确切位置而不是窗口(框架)
Var*_*run 12
我们无法在滚动上获取鼠标当前位置我们可以获得相对于最后位置滚动多少,因此将其更改为:
var xMousePos = 0;
var yMousePos = 0;
var lastScrolledLeft = 0;
var lastScrolledTop = 0;
$(document).mousemove(function(event) {
captureMousePosition(event);
})
$(window).scroll(function(event) {
if(lastScrolledLeft != $(document).scrollLeft()){
xMousePos -= lastScrolledLeft;
lastScrolledLeft = $(document).scrollLeft();
xMousePos += lastScrolledLeft;
}
if(lastScrolledTop != $(document).scrollTop()){
yMousePos -= lastScrolledTop;
lastScrolledTop = $(document).scrollTop();
yMousePos += lastScrolledTop;
}
window.status = "x = " + xMousePos + " y = " + yMousePos;
});
function captureMousePosition(event){
xMousePos = event.pageX;
yMousePos = event.pageY;
window.status = "x = " + xMousePos + " y = " + yMousePos;
}
Run Code Online (Sandbox Code Playgroud)
它工作,并正在多浏览器....
无论如何谢谢所有:)