drag-and-drop - HTML5 : dragover(), drop() : how get current x, y坐标？

Question

在 HTML5 DnD 中如何确定拖动“dragover”和放下(“drop”)后的 (x,y) 坐标？

我找到了一个描述 dragover 的 x,y 的网页(查看 e.offsetX 和 e.layerX 以查看是否已为各种浏览器设置，但就我的生活而言，它们并未设置)。

drop(e) 函数使用什么来找出当前放置目标中实际放置的位置？

我正在编写一个在线电路设计应用程序，我的下降目标很大。

我是否需要下降到鼠标级别才能找出 x、y，或者 HTML5 是否提供了更高级别的抽象？

Answer 1

应设置属性 clientX 和 clientY(在现代浏览器中):

function drag_over(event) {
    console.log(event.clientX);
    console.log(event.clientY);
    event.preventDefault();
    return false;
}
function drop(event) {
    console.log(event.clientX);
    console.log(event.clientY);
    event.preventDefault();
    return false;
}

Here's a (somewhat) practical example适用于 Firefox 和 Chrome。