在 FF5 上启动 DOM 修改时，鼠标移动焦点丢失

Question

演示：

http://anuary.com/dev/hp/pad3/

场景：

到达时进入该页面，您会注意到手指跟随光标。单击任意视频，再次单击该视频。 （不要再单击任何内容；这应该关闭视频）除非单击文档上的任意位置，否则 mousemove 不再响应。

这是由以下几行 (200) 引起的：

$.hp.ul.find('img').show();
$.hp.ul.find('li object, li div').remove();

将它们注释掉会使一切再次正常工作。

在 OSX、FireFox 5 上发现错误。如果此错误未出现在您的操作系统/浏览器上，请报告。

有什么问题吗？如何解决这个问题？

更新：

这似乎是一个更严重的事情，可能是操作系统/浏览器错误。问题是，当光标消失并且您试图走出浏览器窗口时，光标仍然不可见。 （除非您点击某处）

任何解决方案都将受到赞赏。

Answer 1

你可以尝试：

$(document).live('mousemove', function(e){      
        cursor.css({
            left:  e.clientX-tab.offset().left-60,
            top:   e.clientY-tab.offset().top+15
        });
    });

虽然我无法在 FF5/Chrome (Win XP) 上重现这个问题。视频不会停止（即使显示图像，它也会在后台播放）。

此外，您的实现会干扰 Flashblock 等插件，您可能需要考虑这一点。