如何防止光标卡在css转换中：在firefox中旋转？

Question

在这段代码中，我试图让用户抓住黑色方块并围绕内圈旋转。

http://jsfiddle.net/4CL9H/1/

如果您尝试这样做，您会注意到光标在firefox中大约有50％的时间被卡住，阻止$(document).off('mousemove');执行，除非您再次单击以调用mouseup事件hanlder。

这似乎在IE，Chrome和Safari中运行良好（如果你快速点击黑色方块会崩溃）但是它在firefox中给我带来了问题。

无论如何我可以改进这段代码，以便光标不会卡在firefox中吗？

注意 如果您在光标卡住时遇到问题，请尝试单击并按住（不移动）黑匣子的底角，然后快速向左移动光标。

Answer 1

在mousedown部分添加event.preventDefault。

$('#container').on('mousedown', '#marker', function(event){
    event.preventDefault();
    $(document).on('mousemove', function(event){
        rotateAroundCircle($('#innerCircle').parent(), event.pageX,event.pageY, $('#marker'));
    });
});

我相应地修改了你的小提琴并进行了角落测试。似乎工作正常。 New Fiddle