好用的JS拖拽插件

weixin_30655219

于 2017-12-27 15:51:00 发布

阅读量474

点赞数

CC 4.0 BY-SA版权

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/leyi/p/8126172.html

下载artDialog插件的时候发现它把拖拽单独封装成了一个方法,挺好用的,使用方法如下...

第一种拖拽方式-点击容器指定区域进行拖拽
$('.ui-dialog').on(DragEvent.types.start, '[i=title]', function(event) {
    DragEvent.create($('.ui-dialog')[0], event);
});

第二种拖拽方式-点击整个容器进行拖拽
DragEvent.create($('.ui-dialog')[0]);

拖拽的事件
var drag=DragEvent.create($('.ui-dialog')[0]);
drag.onstart=function(){
    console.info("开始拖拽！");
};
drag.onover=function(){
    console.info("拖拽中！");
};
drag.onend=function(){
    console.info("拖拽结束！");
};

drag.js下载： https://gist.github.com/zhangzn3/396b4a5ae638892da37cc06216167a8f

转载于:https://www.cnblogs.com/leyi/p/8126172.html