HTML5 实现拖放API的过程

    在HTML5中，要想实现拖放操作，至少需要经过如下两个步骤。

  1.把要拖放的对象元素的draggable属性设置为true(draggable="true"),这样才能拖放该元素，

代码实例如下：

    <div draggable="true">可以对我进行拖拽!</div>

    另外，img元素与a元素（必须制定href)默认允许拖放。

  2.编写与拖放有关的事件处理代码。

    下面是与拖放有关的几个主要事件：

    •ondtagstart事件: 当拖拽元素开始被拖拽时触发的事件，此事件作用在被拖拽的元素上。

    •ondragenter事件：当拖拽元素进入目标元素时触发的事件，此事件用在目标兀素上。

    •ondragover事件：当拖拽元素在目标元素上移动时触发的事件，此事件用在目标元素上。

    •ondrop事件：当被拖拽元素在目标上同时松开鼠标时触发的事件，此事件作用在目标元素上。

    •ondragend事件：当拖拽完成后触发的事件，此事件作用在被拖拽的兀素上。