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

前端之家收集整理的这篇文章主要介绍了HTML5拖放在屏幕上的任何位置移动div?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
标题很自我解释。

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

是否可以使用HTML5?如果不是我该怎么办呢?

解决方法

真的很简单:

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

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

原文链接:https://www.f2er.com/html5/168952.html

猜你在找的HTML5相关文章