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

lis*_*aro 25 html5 drag-and-drop

标题非常自我解释.

我发现的所有演示都包括将div放到某个位置.EG垃圾桶.我需要创建一个可拖放的div,可以放在屏幕上的任何位置.

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

rob*_*rtc 55

这真的很简单:

  1. dragstart事件中计算用户单击可拖动元素和左上角之间的偏移量
  2. 确保将dragover事件应用于整个文档,以便可以将元素放在任何位置
  3. 在这种情况drop下,使用你用drop clientXclientYdrop 计算的偏移量来确定元素的位置

这是之前准备的.对于奖励积分,您可以在dragover事件中更新元素的顶部和左侧位置,如果您允许拖动的位不是需要移动的整个元素,这将非常有用.