10个拖拽放置DOM元素的js库

我们在项目中一些功能会用到拖拽元素的功能,让我们可以比较直观地进行交互.例如列表排序,文件上传,布局等等。下面有10个实用的JavaScript拖拽库,可以对任意元素进行重新拖拽排序。

Dragmove.js

一个可以让DOM元素可拖拽和移动的js库。支持可触摸屏。而且零依赖,不依赖其他库。大小只有0.5k(Gzipped)。

Dragmove.js

dragula

一个简单强大的拖拽库

 Drag and drop so simple it hurts

Sortable

Sortable 是一个轻巧的拖拽放置的小型库,不依赖jQuery等库。支持任何现代浏览器。可让任何元素重新按你的需要排序。

sortable

Interact.js

可缩放的拖拽放置的js库,还支持多点触摸手势去控制。

JavaScript drag and drop

GridList

一个可缩放,响应式的拖放库,可进行行和列的网格排序。

gridlist

Slip

一个零依赖的滑动拖放列表元素的小型库。

slip.js

ng-sortable

一个类清单的列表拖放angular js库,支持触屏。

Angular Library for Drag and Drop

React DnD

React DnD是一组React高阶组件,可帮助我们构建复杂的拖放界面,同时使组件保持解耦状态。

React DND

Layout Grid

纯CSS的静态响应式网格。使用原生支持的Drag'n'drop 功能对每种屏幕尺寸重新排序。

Static responsive grid with pure css.

scriptaculous

scriptaculous是一组JavaScript库,用于增强网站的用户界面。它提供了一个视觉效果引擎,一个拖放库(包括可排序列表),几个控件(基于Ajax的动态下拉列表,原地编辑,滑块)等等。

script.aculo.us Web 2.0 JavaScript