首页 > 代码库 > Draggabilly – 轻松实现拖放功能(Drag & Drop)
Draggabilly – 轻松实现拖放功能(Drag & Drop)
Draggabilly 是一个很小的 JavaScript 库,专注于拖放功能。只需要简单的设置参数就可以在你的网站用添加拖放功能。兼容 IE8+ 浏览器,支持多点触摸。可以灵活绑定事件,支持 RequireJS 以及 Bower 安装。
您可能感兴趣的相关文章
- 创意无限!一组网页边栏过渡动画【附源码下载】
- 真是好东西!13种非常动感的页面加载动画效果
- 你见过吗?9款超炫的复选框(Checkbox)效果
- 超赞!基于 Bootstrap 的响应式的后台管理模板
- 太赞了!超炫的页面切换动画效果【附源码下载】
事件绑定示例:
?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | var draggie = new Draggabilly( elem ); function onDragMove( instance, event, pointer ) { console.log( ‘dragMove on ‘ + event.type + pointer.pageX + ‘, ‘ + pointer.pageY + ‘ position at ‘ + instance.position.x + ‘, ‘ + instance.position.y ); } // bind event listener draggie.on( ‘dragMove‘ , onDragMove ); // un-bind event listener draggie.off( ‘dragMove‘ , onDragMove ); // return true to trigger an event listener just once draggie.once( ‘dragMove‘ , function () { console.log( ‘Draggabilly did move, just once‘ ); }); |
立即下载 在线演示
本文链接:Draggabilly – 轻松实现拖放功能(Drag & Drop)
编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源
本文来自【梦想天空(http://www.cnblogs.com/lhb25/)】
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。