首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >HTML5拖放可以将div移动到屏幕上的任何位置?

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

Stack Overflow用户
提问于 2011-09-02 09:30:29
回答 1查看 65.5K关注 0票数 27

标题很不言自明。

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

使用HTML5可以做到这一点吗?如果不是,我该怎么做呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2011-09-03 08:33:40

这真的很简单:

dragstart事件中的

  1. 计算用户单击可拖动元素的位置与左上角之间的偏移量
  2. 确保将dragover事件应用于整个文档,以便可以将元素拖放到drop事件中的任何位置
  3. ,请使用您通过拖放的clientXclientY计算出的偏移量确定元素

的位置

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

票数 59
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7278409

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档