HTML5拖放以将div移动到屏幕上的任何位置？

Question

标题很清楚。

我发现的所有演示都包括将 div 放到某个位置。例如垃圾桶。我需要制作一个可拖动的 div，它可以放在屏幕上的任何位置。

HTML5 可以做到这一点吗？如果不是我应该怎么做？

Answer 1

真的很简单：

1. 在dragstart 事件中计算用户点击可拖动元素的位置与左上角之间的偏移量
2. 确保将dragover 事件应用于整个文档，以便可以将元素拖放到任何地方
3. 在drop 事件中，使用您通过下拉的clientX 和clientY 计算出的偏移量来计算元素的位置

Here's one 我prepared earlier。对于奖励积分，您可以在dragover event 中更新元素的顶部和左侧位置，如果您允许拖动的位不是需要移动的整个元素，这很有用。