引入文件

使用DragAndDrop

运行demoSimple.Drag(opts)

概述: Simple.Drag是一个构造函数,可以使一个元素在文档中移动

启动拖动

销毁拖动事件

SimpleDrag API

配置选项配置选项选项说明
containerstring | dom {default:null}设定拖动的范围,可以为jQuery选择器,也可以为一个DOM节点
proxystring | function {default:null}设定拖动的代理,可以为一个string,也可以为自定义的函数,注意生成的DOM节点必须添加到body
directionstring {default:"both"}设定拖动的方向,可选值为"x","y","both"
handlestring | dom {default:null}设定一个拖动手柄,只会在这个拖动手柄上绑定拖动事件
iframeFixboolean开启此选项,在拖动的过程中会创建一个遮罩用于修复鼠标在移动到iframe中失去焦点的问题
revertboolean开启此选项,在拖动结束后,被拖动的元素会返回元素原来所在的位置
delayint设定拖动延迟开始的像素数,注意这个数字会在x和y方向上同时生效
atCursorarray设定拖动代理相对鼠标的位置
gridint设定每次拖动的距离
ondragstartfunction(e,drag)拖动开始时触发的事件
ondragfunction(e,drag)拖动过程中触发的事件
ondragstopfunction(e,drag)拖动结束后触发的事件
dropElementsstring||dom指定放置的元素
ondragenterfunction(dropElement,drag)拖动进入时候触发的事件
ondragleavefunction(dropElement,drag)拖动离开时候触发的事件
ondragdropfunction(dropElement,drag)放置时候触发的事件