Html5在Firefox中拖放鼠标位置

Question

我有一个利用拖放的HTML5应用程序.基本上,用户可以将图像从"抽屉"拖动到画布上以创建更大的图像.我希望元素放在它们被释放的地方.我有这个在除Firefox之外的所有浏览器中工作.

在drop事件中,我使用以下内容来获取鼠标的坐标,并计算画布中已删除图像的位置.

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;