HTML5:dragover(),drop():如何获取当前的x,y坐标？

Question

如何在HTML5 DnD中拖动"dragover"和删除("drop")之后确定(x,y)坐标？

我找到了一个描述x,y for dragover的网页(查看e.offsetX和e.layerX,看看是否为各种浏览器设置,但是对于我的生活,他们没有设置).

您使用drop(e)函数来查找实际丢弃的当前放置目标中的WHERE？

我正在写一个在线电路设计应用程序,我的放置目标很大.

我是否需要下拉到鼠标级才能找到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;
}

这是一个(有点)实用的例子,适用于Firefox和Chrome.