jQuery 鼠标拖拽插件
$ spm install jquery-drag --save
It is very easy to use this module.
// require jquery
var $ = require('jquery');
// extend jquery.fn
require('jquery-drag')($);
// use
$('#demo').drag();$.fn.drag.defaults = {
// 鼠标操作区域选择器，默认为this
// 参数为选择器字符串
handle: null,
// 鼠标拖拽时，移动的目标，即从handle开始查找最近匹配的祖先元素
// 默认为this
// 参数为选择器字符串
drag: null,
// 拖拽轴向，x：水平，y：垂直，xy：所有
axis: 'xy',
// 鼠标形状，为空时将不会自动设置
cursor: 'move',
// 拖拽对象的最小位置，格式为{left: 10, top: 10}
min: null,
// 拖拽对象的最大位置，格式为{left: 1000, top: 1000}
max: null,
// 拖拽时的层级值
zIndex: 9999,
// 拖拽开始前回调
// this: drag element
// arg0: event
// arg1: instance
ondragbefore: $.noop,
// 拖拽开始后回调
// this: drag element
// arg0: event
// arg1: instance
ondragstart: $.noop,
// 拖拽中回调
// this: drag element
// arg0: event
// arg1: instance
ondrag: $.noop,
// 拖拽结束后回调
// this: drag element
// arg0: event
// arg1: instance
ondragend: $.noop
};// get options
$('#demo').drag('options');
// set options
$('#demo').drag('options', 'zIndex', 9999);
$('#demo').drag('options', {
axis: 'x',
cursor: 'auto'
});