js(jquery)怎么在鼠标高速移动中精确获得鼠标的位置
js(jquery)如何在鼠标高速移动中精确获得鼠标的位置
以上这段为w3cschool提供的获得鼠标位置的代码,不过我发现,鼠标在高速移动过程中(即猛地一下滑出屏幕)之后,鼠标获得的值并没有相应的变成0,据说.pageX只支持ff(其他的我没用),不过复杂的js我也在网上copy下来试过了,还是不能得到这个效果,我想问:有人遇到过这个问题吗?怎么解决的?
------解决思路----------------------
$("#testspan").text(e.pageX + ", " + e.pageY);
修改了页面元素显示,浏览器渲染页面的速度没有鼠标滑动的速度快。
解决方式:1、 减慢滑动 2、加快浏览器渲染
------解决思路----------------------
是的 你猛的一下 画出屏幕
鼠标很可能就是 从当前点 直接跳到 屏幕外
鼠标的指针在轨迹之间 是跳动的 不是 过渡的
------解决思路----------------------
没什么好想法,但是如果楼主想要鼠标离开页面之后,坐标变成0。。。
那不如试试手动控制为0:
$(document).mouseout(function(e){
e.pageX=0;e.pageY=0;
$("#testspan").text(e.pageX + ", " + e.pageY);
});
------解决思路----------------------
可以根据最后一次获取鼠标的位置离哪条边最近来判断是从哪个方向移出的
$(document).ready(function(){
$(document).mousemove(function(e){
$("#testspan").text(e.pageX + ", " + e.pageY);
});
});
以上这段为w3cschool提供的获得鼠标位置的代码,不过我发现,鼠标在高速移动过程中(即猛地一下滑出屏幕)之后,鼠标获得的值并没有相应的变成0,据说.pageX只支持ff(其他的我没用),不过复杂的js我也在网上copy下来试过了,还是不能得到这个效果,我想问:有人遇到过这个问题吗?怎么解决的?
------解决思路----------------------
$("#testspan").text(e.pageX + ", " + e.pageY);
修改了页面元素显示,浏览器渲染页面的速度没有鼠标滑动的速度快。
解决方式:1、 减慢滑动 2、加快浏览器渲染
------解决思路----------------------
是的 你猛的一下 画出屏幕
鼠标很可能就是 从当前点 直接跳到 屏幕外
鼠标的指针在轨迹之间 是跳动的 不是 过渡的
------解决思路----------------------
那不如试试手动控制为0:
$(document).mouseout(function(e){
e.pageX=0;e.pageY=0;
$("#testspan").text(e.pageX + ", " + e.pageY);
});
------解决思路----------------------
可以根据最后一次获取鼠标的位置离哪条边最近来判断是从哪个方向移出的