Javascript html5拖放，获取拖动项目位置

是否有任何方法可以根据与页面相关的X和Y在

dragover

/

dragenter

/

dragleave

事件中获取拖动的项目位置？我知道我可以通过调用

event.clientX

或

event.clientY

来获取鼠标位置，但我想知道通过拖动创建的浮动元素的位置（可以通过

event.dataTransfer.setDragImage（）

函数设置的元素）

例如，此代码将在拖动时打印鼠标位置，而不是浮动元素的实际偏移：

function dragOver(event) {
   console.log(event.clientX
});

---

在jQuery库的帮助下，您可以实现它，您可以使用控制台打印值，只是为了显示我正在屏幕上打印位置

$（'#dragMe'）。可拖动(
{
包含：$（“主体”），
拖动：函数（）{
var position=$（this.position（）；
var xPos=position.left；
var yPos=position.top；
$（'#positionX'）.text（'positionX:'+xPos）；
$（'#positionY'）.text（'positionY:'+yPos）；
},
接受：“#dragMe”，
结束：函数（）{
$（this）.animate（{'border-width'：'5px'，
“边框颜色”：“0f0”
}, 500);
$（“#dragThis”）.draggable（'option'，'containment'，$（this））；
}
});
#dragMe{
宽度：10em；
身高：6em；
填充：0.5em；
边框：4px实心#ccc；
边界半径：0 2米2米2米；
背景色：#fff；
背景色：rgba（255255,0.5）；
}
#滴落物{
宽度：12em；
高度：12公分；
填充：0.5em；
保证金：0自动；
}

拖我