## 引入文件

<script type="text/javascript" src="simpleDrag.js"></script>

## 使用DragAndDrop

### 运行demoSimple.Drag(opts)

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

启动拖动

$("#test").drag();

销毁拖动事件

$("#test").drag("destroy");

### SimpleDrag API

配置选项 | 配置选项 | 选项说明
--- | --- | ---
container | string | dom {default:null} | 设定拖动的范围，可以为jQuery选择器，也可以为一个DOM节点
proxy | string | function {default:null} | 设定拖动的代理，可以为一个string，也可以为自定义的函数，注意生成的DOM节点必须添加到body
direction | string {default:"both"} | 设定拖动的方向，可选值为"x","y","both"
handle | string | dom {default:null} | 设定一个拖动手柄，只会在这个拖动手柄上绑定拖动事件
iframeFix | boolean | 开启此选项，在拖动的过程中会创建一个遮罩用于修复鼠标在移动到iframe中失去焦点的问题
revert | boolean | 开启此选项，在拖动结束后，被拖动的元素会返回元素原来所在的位置
delay | int | 设定拖动延迟开始的像素数，注意这个数字会在x和y方向上同时生效
atCursor | array | 设定拖动代理相对鼠标的位置
grid | int | 设定每次拖动的距离
ondragstart | function(e,drag) | 拖动开始时触发的事件
ondrag | function(e,drag) | 拖动过程中触发的事件
ondragstop | function(e,drag) | 拖动结束后触发的事件
dropElements | string||dom | 指定放置的元素
ondragenter | function(dropElement,drag) | 拖动进入时候触发的事件
ondragleave | function(dropElement,drag) | 拖动离开时候触发的事件
ondragdrop | function(dropElement,drag) | 放置时候触发的事件