jquery - IE 上的鼠标跟踪

Question

考虑以下代码片段:

$(document).bind('mousemove', function(e)
                 {
                    $('#someDiv').css({left: e.pageX+'px', top: e.pageY+'px'});
                 });

当“position”的 css 值设置为绝对值时，这应该使 #someDiv 跟随鼠标(工具提示)。

按预期工作，除非您在 IE7 中放大或缩小(请勿尝试其他版本的 IE)。然后 e.pageX 就完全关闭了。放大得越多(使用鼠标滚轮 + CTRL)，定位就越偏离。

我试图破坏 jQuery 的 UI 演示( slider )，但似乎连 jQuery 的人都没有弄清楚这一点。有没有天才知道如何解决这个讨厌的事情？

提前致谢!

Answer 1

尝试以下 HTML:

<div id="one" style="top:2px;left:10%;width:10px;height:10px;background:blue; position:absolute;"> </div>
<div id="two" style="top:2px;width:10px;height:10px;background:red;position:absolute;"> </div>

<div id="log" style="margin-top:25px;"> </div>

使用以下脚本:

document.getElementById("two").style.left = document.getElementById("one").offsetLeft + "px";
var zoom = 0;

setInterval(function() {
  var newZoom = document.getElementById("two").offsetLeft / document.getElementById("one").offsetLeft;



if (newZoom == zoom) return;
  zoom = newZoom;



document.getElementById("log").innerHTML += zoom + "<br>";
}, 200);

并提出了一种计算浏览器缩放级别的方法。

我认为如果你在计算中引入这个参数，它会对你有所帮助

抱歉，我发布了新答案，但评论框没有显示代码片段按钮