繁体 English 中英

如何使用HTML5使一些元素可拖动和其他可放置？

[英]How to make some elements draggable and other droppable using HTML5?

原文 2012-05-24 16:30:08 0 1 javascript/ html5/ jquery-ui/ draggable/ droppable

我想拖动一些元素并将其放入其他一些容器中。 以下示例适用于可拖动和可放置的对象

http://jsfiddle.net/AwCuM/

但是当我试图让它们中的一些可拖动而其他只是可以放置它时它不起作用

http://jsfiddle.net/4adJk/10/

我知道如何使用jQueryUI来实现这一点，但我想使用纯HTML5来做同样的事情。

1 个解决方案

看看Mozilla的HTML文档，我发现我需要处理dragover事件。 完整的解决方案可在以下位置查看：

http://jsfiddle.net/Dema8/7/

原生HTML5拖放：使可拖动对象不可放置

[英]Native HTML5 Drag and Drop: Make draggable object NOT droppable

可拖放区域的HTML5可拖动更改位置

[英]HTML5 draggable changing position of droppable areas

如何使可拖动元素可拖放而不是附加？

[英]How can I make draggable elements droppable instead of appending?

如何使div可拖动和可拖放

[英]how to make a div draggable and droppable

如何使对象可拖放

[英]How to make objects draggable and droppable

如何在HTML5中使矩形可拖动？

[英]How to make rectangle draggable in HTML5?

如何使绘图在 HTML5 画布上可拖动

[英]How to make drawing draggable on canvas in HTML5

html5-可拖动的输入元素

[英]html5 - Draggable Input Elements

当元素被放入其中时，使可放置div扩展。使用可拖动的jQuery UI

[英]Make a droppable div expand when elements are dropped inside it. using draggable jquery ui

如何追加 <li> 至 <ul> 使用可拖动和可放置？

[英]How to append <li> to <ul> using draggable and droppable?

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 原生HTML5拖放：使可拖动对象不可放置可拖放区域的HTML5可拖动更改位置如何使可拖动元素可拖放而不是附加？如何使div可拖动和可拖放如何使对象可拖放如何在HTML5中使矩形可拖动？如何使绘图在 HTML5 画布上可拖动 html5-可拖动的输入元素当元素被放入其中时，使可放置div扩展。使用可拖动的jQuery UI 如何追加 <li> 至 <ul> 使用可拖动和可放置？

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM