Draggable 是一个轻量级、响应式的 JS 拖放库,由 Shopify 出品。它提供了高级的拖放功能,能够快速进行 dom 重新排序,并且拥有清晰的 api 和访问标记。同时,它也附带了一些额外的模块,便于你进行扩展。
功能特性
经典的切换器。将一个元素拖到另一个元素上,然后观察它们在 DOM 中交换位置。当需要保留布局尺寸时的理想功能。
按样式对 DOM 节点进行排序。将集合中的项目从一个位置拖到另一个位置,然后观察所有内容卡入到位。快速响应的分类,不会让您的性能钱包被框架束缚。
开始您的游戏开发生涯并注入一些碰撞检测。Collidable 将防止可拖动元素相互重叠,当拖动的源元素进入和退出受限区域时触发碰撞事件。拖放辅助功能是一朵精致的花。虽然浏览器继续开发可靠的本机解决方案,但 Draggable 提供了帮助。所有可拖动的元素都是可聚焦的,并提供可自定义的屏幕阅读器公告。可拖动易于扩展。编写一个提供所需功能的自定义模块,然后将其提交到我们的 Github 存储库进行审核。如果您需要尚不可用的功能,社区很可能也需要它。分享就是关怀
Draggable 支持我们能想到的大多数交互事件:鼠标、触摸和强制触摸都是开箱即用的,并且即将推出可访问的键盘支持!
让我们面对现实吧,当插件妨碍您的个人设计风格时,这很烦人。Draggable 不会试图通过强加给你任何不守规矩的动画风格来抢尽风头。只需从我们健康的 css 选择器和风格中挑选您内心的愿望即可。
仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!
链接: https://fly63.com/nav/662