好用的JS拖拽插件

时间:2023-03-09 15:02:37
好用的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