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

Question

标题非常自我解释。

我发现的所有演示都包括将div放到某个位置。 E.G垃圾桶。我需要制作一个可拖放的div，可以放在屏幕的任何地方。

是否可以使用HTML5执行此操作？如果不是我应该怎么做？

Answer 1

真的很简单：

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

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