HTML中如何实现元素的拖放功能draggable？

本文共计451个文字，预计阅读时间需要2分钟。

最近接触到一拖拽交互操作，一开始就想到了传统的mouseUp、mouseDown、mouseMove这类方法。但偶然看到H5的draggable属性，觉得挺有意思！先看看实现的效果。

如图所示，场景非常适用。

最近接到一拖拽交互操作，开始的时候就想着传统的mouseUp,mouseDown，mouseMove之类的方法。但是偶然看到H5的draggable属性，觉得更香啊！先看下实现的效果。

如图所示的场景就很适合使用该API，拖拽的过程中鼠标还带着对应的元素样式。