javascript - Firefox 中的 Html5 拖放鼠标位置

Question

我有一个使用拖放功能的 HTML5 应用程序。本质上，用户可以将图像从“抽屉”拖到 Canvas 上以创建更大的图像。我希望元素落在它们被释放的地方。我可以在除 Firefox 之外的所有浏览器中使用它。

在 drop 事件中，我使用以下方法获取鼠标的坐标，并计算拖放图像在 Canvas 中的位置。

var top = evt.originalEvent.offsetX;
var left = evt.originalEvent.offsetY;

问题是，此属性在 FF 中不可用。还有其他方法可以得到这个吗？没有它，我看不出如何在 FF 中拖动和移动元素。

注意:我没有使用 Canvas 元素。我正在将图像拖放到一个 div 中。不确定这是否重要。

Answer 1

在 firefox 中试试这个..

var X = event.layerX - $(event.target).position().left;
var Y = event.layerY - $(event.target).position().top;