javascript - 将 HTML5 拖放对象恢复到原始 div 容器

标签 javascript html drag-and-drop

我似乎找不到任何允许网站用户“撤消”拖放操作的示例。例如,如果用户将图像拖到目标元素,然后决定使用不同的图像,则用户应该会在原始位置看到先前的缩略图图像。我已经尝试了几种技术,包括effectedAllowed Copy,但可惜的是,它会移动,而不是复制。呃。

我确实找到了一个 jquery 购物车示例,但我认为我宁愿使用 HTML5 方法,除非那只是一个坏主意。

该项目是一个简单的邀请应用程序,用户可以将代表另一个人的缩略图拖动到 5 个空缺之一中 - 例如“Pilot”、“CoPilot”、“Navigator”、“Helmsman”、“Steward”。

建议?

最佳答案

如果还没有库来实现这一点,听起来您需要在 javascript 中实现状态机。

有关管理状态的概念,请参阅此问题及其答案:undo-redo-implementation

编辑:另外,这里有一个 javascript implementation

关于javascript - 将 HTML5 拖放对象恢复到原始 div 容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19804333/

相关文章:

javascript - 尝试使用 .submit 在表单提交上触发 jquery 验证

javascript - 帮助表单上的appendTo() jquery函数

javascript - svg 动画动画不流畅

使用实时事件进行 jQuery 拖放

javascript - 为拖放的 selenium UI 集成测试执行 Javascript - Java

wpf - 在拖放过程中获取鼠标位置

javascript - Google Maps API 在普通 View 和街景 View 之间缩放?

javascript - 停止 JavaScript 中的函数

javascript onclick 留下

javascript - 从区域中取消附加 JQuery 拖放项而不删除或隐藏它