如果在svg图像上按下鼠标左键，Firefox鼠标移动会出错

Question

所以在这个小例子中，我有一个方形（缩略图）跟随鼠标，在最终产品中它将是拖动项目可见的地方。我遇到了一个问题但是，如果我尝试在 Firefox 中拖放svg <image>，它就会出错并且不再跟随鼠标了。

http://jsfiddle.net/Lx7besrw/

如果您有不同的mouseEvents，它们都会出错并停止工作，直到您按下鼠标左键并再次移动为止。我已尝试e.preventDefault e.stopPropagation和return false以防止出现奇怪的行为，但没有运气。

任何帮助都是 GREATLY appriciated。

Answer 1

这解决了我的问题：

$(document).on('dragstart', function(e){
    e.preventDefault(); 
});

https://bugzilla.mozilla.org/show_bug.cgi?id=511188