| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| classList | 自定义class | Object | - |
| class | 自定义class | string | - |
| style | 自定义样式 | Object | |
| defaultPosition | 初始化位置 | Object | x: 0, y: 0 |
| position | 控制位置 | Object | x: 0, y: 0 |
| bounds | 拖拽范围的容器元素 | string | HTMLElement | parent |
| axis | 拖拽方向 | both | x | y | both |
| positionOffset | 初始化偏移量 | object | x: 0, y: 0 |
| grid | 每次拖拽的最小距离 | Number[] | |
| disabled | 禁用拖拽 | boolean | |
| handle | 禁用触发的元素 | string | HTMLElement | |
| onStart | 拖拽开始触发事件, return false 可以阻断后续事件 | Function | |
| onDrag | 拖拽触发事件, return false 可以阻断后续事件 | Function | |
| onStop | 拖拽结束事件, return false 可以阻断后续事件 | Function |
| 事件名称 | 说明 | 返回值 |
|---|---|---|
onStart | 拖拽开始触发事件 | Event, uiData |
onDrag | 拖拽触发事件 | Event, uiData |
onStop | 拖拽结束事件 | Event, uiData |
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| x | x方向位置 | number | |
| y | y方向位置 | number | |
| deltaX | x方向距离上次位置距离 | number | |
| deltaY | y方向距离上次位置距离 | number | |
| lastX | x上次位置 | number | |
| lastY | y上次位置 | number |