javascript - 在 FF5 上启动 DOM 修改时，mousemove 焦点丢失

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 之类的插件，您可能需要考虑这一点。