HTML 5拖放到確切的位置

Question

我想要我的元素，我拖動到完全放置它的位置。我不確定我是否正確地做這件事。到目前爲止，我在drop事件中獲取了拖放座標，然後設置了頂部和左側屬性。它的工作，有點，除了我必須抵消左側和頂部，這讓我懷疑有什麼不對。這是我的功能。任何人都可以點我在正確的方向

var dropped = function (e) { 
    cancel(e); 

    machine.parentNode.removeChild(machine); 
    e.target.appendChild(machine); 

    $(machine).css("top", (e.offsetY - 40) + 'px'); 
    $(machine).css("left", (e.offsetX - 30) + 'px'); 
    $("#text").html(e.offsetX + ' - ' + e.offsetY); 
    return false; 
} 

Answer 1

如果您已經使用jQuery，最簡單的方法可能是使用jQueryUI的拖動作用

http://jqueryui.com/draggable/