好用的JS拖拽插件

下载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

posted @ 2017-12-27 15:51  韭菜茄子  阅读(1723)  评论(0编辑  收藏  举报