jquery/IE mousemove 事件随着工具提示消失而触发，但鼠标没有移动

Question

我正在尝试让工具提示起作用，以便它在显示后淡出。我的代码工作得很好，除了在 IE8 中 - mousemove 事件（在图像上）随着工具提示的淡入而不断被触发，并产生脉动效果......淡入/淡出/淡入/淡出。

该问题与工具提示有关，因为如果我删除工具提示代码，则仅在移动鼠标时才会调用 mousemove 事件。

您可以在此处查看简化示例：

点击查看简化示例（使用 IE8）

Answer 1

是的，我的修复想法似乎有效：

ElementLooper.prototype = {
init: function(items, control, outer){
...
var self = this;
...
this.px = null;
this.py = null;
...
outer.mousemove(function(e) {
                  if (self.px == e.pageX && self.py == e.pageY) {
                    return;
                  }
                  self.px = e.pageX;  self.py = e.pageY;
                  self.show_control();
                });

Answer 2

是的，我可以在 IE7 和 IE8 中重现这一点，jquery-1.6.2

我编写了一个图像幻灯片，它使用 fadeIn()/fadeOut() 在图像之间切换。如果鼠标光标位于幻灯片上，则切换图像时会出现 img title="..." 工具提示。当工具提示消失（浏览器在几秒钟后消失）时，将调用 mousemove() 处理程序。

有关当前（2011 年 7 月 24 日）在 IE7 中引发此错误的示例，请参阅 http://davidhoulder.com 的首页/8。如果我设法解决或解决此问题，我将更新此答案。

一种可能的解决方法是将 .pageX 和 .pageY 保存在 .mousemove() 处理程序中，如果鼠标确实没有移动则返回。