HTML5：dragover（），drop（）：如何獲取當前的x，y座標？

Question

在HTML5 DnD中，如何確定（x，y）座標，同時拖動「dragover」和拖放（「drop」）之後？

我發現了一個描述dragover的x，y的網頁（查看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; 
} 

Here's a (somewhat) practical example，在Firefox和Chrome工作。