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

Posted 2023-05-08

【中文标题】如何使用 HTML5 使某些元素可拖动和其他可放置？

【英文标题】：How to make some elements draggable and other droppable using HTML5?

【发布时间】：2012-05-31 06:42:12

【问题描述】：

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

http://jsfiddle.net/AwCuM/

但是当我尝试让它们中的一些可拖动而另一些只能放置时它不起作用

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

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

【问题讨论】：

我想实现和下面demo一样的功能jqueryui.com/demos/droppable

【参考方案1】：

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

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

【讨论】：

您的 mozilla 链接现在已过期。

你提供的小提琴也坏了。