2019-03-15 文件拖拽移动

拖拽移动的效果

期望效果:拖拽文件移动文件位置(相当于剪切),且拖拽过程中目标文件有背景样式。类似于windows的桌面拖拽


部分代码

每个文件都由li组成  把拖拽事件绑定在了li上面,使用的h5 drag和drop事件完成, 首先根据权限判断该元素是否可拖拽 ,通过draggable为true或false 实现。


具体代码



具体代码



数据结构



存在的问题: 禁止拖拽后,因为li层级深,好像是图片的自带拖拽功能,还是可以拖拽,draggable=false后,偶尔还是可以拖动,执行dragstart事件,这个问题尚未解决,希望有经验的小哥哥小姐姐们能分享一下解决方案。 可能还有其他问题,简单分享

你可能感兴趣的:(2019-03-15 文件拖拽移动)