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

在这段代码中，我试图让用户抓取黑色正方形并围绕内圈旋转它

如果您尝试这样做，您会注意到在firefox中，光标大约有50%的时间会被卡住，从而阻止

$（document）.off（'mousemove'）mouseup

event handler，否则代码>将无法执行

这似乎在IE、chrome和safari中都能正常工作（如果你快速点击黑色方块就会崩溃），但在firefox中它给我带来了问题

我是否可以改进这段代码，使光标不会卡在firefox中

注意

---

如果光标卡住时遇到问题，请尝试单击并按住（不移动）黑框的下角，然后快速将光标从左向右移动。

在mousedown部分中添加event.preventDefault

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

---

我相应地修改了你的小提琴并做了转角测试。看起来效果不错

它不会被谷歌浏览器卡住。是的，我知道。。。我提到它只会在firefox中卡住，这在IE、chrome和Safari中似乎工作得很好。我想这是因为拖拽。在firefox中工作得很好FF11@LedZeppelin-这里有一个问题：如果光标位于圆的正中间，它会断开吗？