完成一次成功页面内元素拖拽行为事件的过程。

Question

完成一次成功页面内元素拖拽行为事件的过程。

Answer 1

在HTML5中要想实现拖放操作，需要以下步骤：

①指定拖放源并设置元素为可拖放

为了使元素可拖动，把draggable属性设置为true。常见的元素有图片、文字、动画等。

②处理拖拽事件

编写dragstart、drag等事件的处理程序。

③指定放置位置并处理放置事件

将可拖放元素放到适合位置，实现该功能的事件是ondragover，默认情况下，无法将数据、元素放置到其他元素中。如果需要设置允许放置，用户必须阻止目标元素的默认处理方式。

④放置并处理拖拽结束事件

当放置被拖放元素时，就会发生drop事件、dragend事件等。