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

Question

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

http://jsfiddle.net/AwCuM/

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

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

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

Answer 1

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

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