Javascript HTML5拖放时的图像偏移

我有一个draggable=true元素，我正在将它放入一个drop区域。该事件返回了一些属性，我可以使用这些属性来确定它的位置，并创建一个新元素，在该元素被丢弃的地方

它似乎只给出鼠标的位置。但它似乎不包含图像相对于鼠标的偏移量

我从哪里得到这些信息

---

一张图片来帮助解释，鼠标位于黄点。drop事件返回event.x和event.y，其中鼠标位于。。。。但是我需要知道蓝点在哪里，或者偏移红线在哪里，在html5原生DrageEvent中有offsetX和offsetY属性

例如，在React中，您可以通过本机获取这些值

function onDragStart(event: React.DragEvent) {
    console.log(event.nativeEvent.offsetX)
    console.log(event.nativeEvent.offsetY)
}

---

在图像onmousedown或ondragstart上有一组相关的坐标，诸如此类。无论如何，你需要记住这些，直到拖动完成，这是简单的加法和减法…你知道坐标的参数名称吗？不同的坐标做不同的事情，一些是相对于窗口的，一些是相对于容器的，一些是关于元素本身的。我只需要检查一些我需要支持的浏览器，直到找到一些与我的代码兼容的东西。对不起，我没有一个具体的答案，但在我的日子里，我已经看到了十几个。。。