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

HTML5拖放以将div移动到屏幕上的任何位置?,html,drag-and-drop,Html,Drag And Drop,这个标题不言自明 我发现的所有演示都是在某个位置放置一个div。例如垃圾桶。我需要制作一个可拖动的div,可以放在屏幕上的任何地方 HTML5有可能做到这一点吗?如果不是,我应该怎么做?这非常简单: 在dragstart事件中,计算用户单击可拖动元素的位置与左上角之间的偏移量 确保将dragover事件应用于整个文档,以便可以将元素拖放到任何位置 在drop事件中,使用您使用drop的clientX和clientY计算的偏移量来确定元素的位置 我。对于额外点数,您可以在中更新元素的顶部和左侧位置

这个标题不言自明

我发现的所有演示都是在某个位置放置一个div。例如垃圾桶。我需要制作一个可拖动的div,可以放在屏幕上的任何地方


HTML5有可能做到这一点吗?如果不是,我应该怎么做?

这非常简单:

  • dragstart
    事件中,计算用户单击可拖动元素的位置与左上角之间的偏移量
  • 确保将
    dragover
    事件应用于整个文档,以便可以将元素拖放到任何位置
  • drop
    事件中,使用您使用drop的
    clientX
    clientY
    计算的偏移量来确定元素的位置

  • 我。对于额外点数,您可以在中更新元素的顶部和左侧位置,如果您允许拖动的位不是需要移动的整个元素,这将非常有用。

    如果您想用Jquery方式执行,则可能重复的是最佳解决方案,并且远比纯Javascript解决方案简单。@Luis,拖动元素时,可以设置
    iframe{pointer events:none;}
    ,并且可以将元素拖动到iframe上