DragDrop2拖拽边界控制组件
拖放组件里的 DragDrop2 界限，挺适合做一些拖拽交互比较复杂的界面。比如树形结构、列表排序，甚至还能搞定跨容器拖动。核心逻辑清晰，边界判断也比较严谨，拖的时候不会出现乱飞的情况，挺稳定的。
拖放动作的事件监听比较好用，像onDragEnter、onDrop这类都支持。想做些细粒度的控制，比如只允许特定类型拖动、自动高亮目标区域，都能实现，配置还算灵活。
配合一些position: absolute的布局方式，做响应式拖动也不难。加上 UI 库，比如React或Vue，体验更顺畅。你如果做可视化编辑器、拖拽式表单那种东西，用它还挺顺手。
相关的资料也不少，像dragdrop 实例代码就挺值得参考。还有一个Senfore_DragDrop_v4.1 中文手册，看起来也比较全，文档方面不会太吃力。
如果你是要做复杂点的交互，比如树形菜单的拖动合并，可以顺带看看无界限展开树形菜单导航栏，跟DragDrop2搭起来用，效果更灵活。
提醒一下，初用的时候需要多试试事件的触发顺序，尤其onDragOver、onDrop的顺序有点绕，调试几次就顺了。
文件大小：45KB
评论区