可拖动属性
createDraggable() 函数返回的 Draggable 实例上可用的属性。
const draggable = createDraggable(target, parameters);
┌──────────┐
draggable.│progressX │
draggable.│progressY ├─ Properties
draggable.│velocity │
└──────────┘
| 名称 | 描述 |
|---|---|
| snapX | 获取和设置 x 轴的捕捉值 (Number|Array<Number>) |
| snapY | 获取和设置 y 轴的吸附值(Number|Array<Number>) |
| scrollSpeed | 获取和设置可拖动容器自动滚动的速度值(数字) |
| scrollThreshold | 获取和设置在开始自动滚动之前与容器边缘的阈值距离 (Number) |
| dragSpeed | 获取和设置可拖动元素被拖动的速度值(Number) |
| maxVelocity | 获取和设置可拖动元素的最大速度限制(Number) |
| minVelocity | 获取和设置可拖动元素的最小速度限制(Number) |
| velocityMultiplier | 获取和设置应用于速度计算的乘数 (Number) |
| releaseEase | 获取和设置应用于可拖动元素动画的缓动函数(Function) |
| releaseSpring | 获取在释放后用于移动可拖拽元素的内部弹簧 (Spring) |
| containerPadding | 获取和设置容器的内边距值 [上, 右, 下, 左] (Array<Number>) |
| containerFriction | 获取和设置容器内施加的摩擦值(数字) |
| containerBounds | 获取容器的边界 [上, 右, 下, 左] (Array<Number>) |
| containerArray | 如果提供了多个容器,则获取容器元素数组 (Array<HTMLElement>|null) |
| $container | 获取和设置容器元素(HTMLElement) |
| $target | 获取和设置目标元素(HTMLElement) |
| $trigger | 获取触发元素(HTMLElement) |
| $scrollContainer | 获取滚动容器(窗口或容器元素)(Window|HTMLElement) |
| x | 获取和设置 x 位置(Number) |
| y | 获取和设置被拖动元素的 y 位置(Number) |
| progressX | 获取和设置相对于容器的 x 位置进度(0-1)(Number) |
| progressY | 获取和设置 y 位置相对于容器的进度(0-1)(Number) |
| velocity | 获取可拖动元素的当前速度 (Number) |
| angle | 获取可拖动元素的当前角度(弧度)(Number) |
| xProp | 获取映射的 x 属性名称(String) |
| yProp | 获取映射的 y 属性名称(String) |
| destX | 获取当前定义的 x 轴目标 (Number) |
| destY | 获取当前定义的y轴目的地(数字) |
| deltaX | 获取 x 轴的当前增量 (Number) |
| deltaY | 获取 y 轴的当前增量 (Number) |
| enabled | 如果可拖动被启用,返回 true (Boolean) |
| grabbed | 如果该元素当前被抓取,则返回 true (Boolean) |
| dragged | 如果该元素当前正在被拖动,则返回 true(Boolean) |
| cursor | 获取和设置光标行为 (Boolean|DraggableCursorParams) |
| disabled | 获取 [x, y] 轴的禁用状态 (Array<Number>) |
| fixed | 如果目标元素具有 position:fixed,则返回 true (Boolean) |
| useWin | 如果使用 window 作为容器则返回 true (Boolean) |
| isFinePointer | 获取和设置是否正在使用精确指针(例如鼠标)(布尔值) |
| initialized | 如果可拖动元素已初始化,则返回 true (Boolean) |
| canScroll | 如果可以自动滚动,则返回 true(Boolean) |
| contained | 如果可拖动元素位于边界内,则返回 true (Boolean) |
| manual | 如果处于手动控制模式 (Boolean),则返回 true |
| released | 如果元素刚被释放,返回 true(Boolean) |
| updated | 如果位置刚被更新,返回 true(Boolean) |
| scroll | 获取当前滚动位置 {x, y} (对象) |
| coords | 获取当前和之前的坐标 [x, y, prevX, prevY] (Array<Number>) |
| snapped | 获取 [x, y] 轴(Array<Number>)的对齐状态 |
| pointer | 获取当前和之前的指针位置 [x, y, prevX, prevY] (Array<Number>) |
| scrollView | 获取滚动视图的尺寸 [宽度, 高度] (Array<Number>) |
| dragArea | 获取拖拽区域边界 [x, y, 宽度, 高度] (Array<Number>) |
| scrollBounds | 获取滚动容器边界 [上, 右, 下, 左] (Array<Number>) |
| targetBounds | 获取目标元素边界 [上, 右, 下, 左] (Array<Number>) |
| window | 获取窗口尺寸 [宽度, 高度] (Array<Number>) |
| pointerVelocity | 获取当前指针速度(数字) |
| pointerAngle | 获取当前指针的角度(弧度)(Number) |
| activeProp | 获取正在被动画的活动属性(String) |
| onGrab | 获取和设置在元素被抓取时触发的回调(Function) |
| onDrag | 获取和设置在拖动时触发的回调 (Function) |
| onRelease | 获取和设置在释放时触发的回调 (Function) |
| onUpdate | 获取和设置在任何位置更新时触发的回调(Function) |
| onSettle | 获取和设置在移动稳定时触发的回调(Function) |
| onSnap | 获取和设置元素吸附时触发的回调(函数) |
| onResize | 获取和设置在容器/元素大小改变时触发的回调 (Function) |
| onAfterResize | 获取和设置调整大小处理完成后触发的回调(Function) |