本篇文章主要介绍了详解Html5原生拖拽操作，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

最近的一次项目开发中用到了H5的拖拽功能，由于现有项目使用的是VUE全家桶，使用了vuedragable这个插件，但是整个过程是比较痛苦的。遂决定从H5拖拽的原理开始研究，然后再将其应用到数据驱动的框架中。在H5中要想实现拖放操作，至少需要经过两个步骤：1) 将想要拖放的对象元素的draggable属性设为true（img与a元素默认允许拖放）；2) 编写与拖放相关的事件处理代码。为了测试简便，我这里首先使用jQuery库完成拖拽的基本功能。 1. 拖拽过程 1.1 拖动事件 当按住鼠标拖动d