拖放可以是用户与您的网站或Web应用进行交互的非常直观的方式。人们经常使用拖放来重新排序项目列表。因此,这里有9个有用的Javascript拖放库,它们允许对任何DOM元素的列表进行重新排序。
Dragmove.js
一个超小的Javascript库,使DOM元素可拖动和移动。具有触摸屏支持。零依赖性和500字节压缩。
德拉古拉
您是否曾经想要过一个可以正常工作的拖放库?那不’仅仅依靠肿的框架,那有很大的支持吗?这实际上可以理解放置元素时将元素放置在何处?那不’您是否需要做大量的工作才能使它正常工作?
可排序
可排序是一个简约的JavaScript库,用于在现代浏览器和触摸设备上重新排序拖放列表。没有jQuery。
Interact.js
JavaScript拖放,调整大小和多点触摸手势(具有惯性和捕捉功能),适用于现代浏览器。
网格列表
拖放库用于二维,可调整大小和响应式列表。
滑
一个小型库,用于交互式轻扫和重新排序触摸屏上列表中的元素。没有依赖关系。
ng可排序
用于拖放的AngularJS库,支持Sortable和Draggable。没有使用JQuery / JQuery 用户界面。支持触摸设备。
反应DnD
反应DnD是一组React高阶组件,可帮助您构建复杂的拖放界面,同时使组件保持解耦状态。
布局网格
纯CSS的静态响应式网格。使用本机Drag的Javascript’n’请为每个屏幕尺寸重新排序。
文字的
文字的是一组JavaScript库,用于增强网站的用户界面。它提供了一个视觉效果引擎,一个拖放库(包括可排序列表),几个控件(基于Ajax的自动完成,就地编辑,滑块)等等。