Html5原生拖拽相关事件简介以及基础实现

公司项目需求,要实现任务卡片在不同任务列表之间进行拖拽实现任务类别的更改。于是找了一下相关文章,稍微学习了一下。实现效果如下图。 拖拽实现 主要用到的是H5自带的拖拽效果。其实项目前端部分是使用React编写的,也是在使用H5实现了之后才了解到Dan Abramov大佬有个React-DnD组件对原生拖拽方法进行了封装。稍微学习了一下,很强。后续有使用到再写篇文章进行分享。 相关事件定义与用法 涉及一个属性六个事件。事件均为H5原生事件。 属性 draggable:正常div是不允许进行拖动的。需要添加属性draggable=true将元素设置为可拖动。 事件