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

Question

我想拖动一些元素并将其放在其他容器中。下面的示例为均为可拖动和投掷的对象

http://jsfiddle.net/AwCuM/

但是，当我尝试做一些他们的拖动和其他人只可放开这是行不通的

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

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

Answer 1

这里是一个演示，显示如何做到这一点的纯HTML5（HTML，JS + CSS）： http://html5demos.com/drag

Answer 2

看着Mozilla's HTML docs 我发现我需要处理dragover事件。 完整的解决方案可浏览：

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

Answer 3

我觉得这是你需要的东西！

http://jsfiddle.net/UurW3/2/