dragThreshold
指定触发拖动所需的像素距离。
可以通过使用对象为鼠标或触摸设备分别指定阈值。
dragThreshold: 3,
// Or
dragThreshold: { mouse: 3, touch: 7 },
接受
Number{ mouse: Number, touch: Number }- A
Functionthat returns aNumberor{ mouse: Number, touch: Number }
当使用 Function 定义时,每次容器或目标元素大小调整时,值会自动刷新。
它也可以通过 refresh() 方法手动刷新。
默认
{ 鼠标: 3, 触摸: 7 }
dragThreshold 代码示例
import { createDraggable } from 'animejs';
createDraggable('.square', {
container: '.grid',
dragThreshold: 20,
});
createDraggable('.circle', {
container: '.grid',
dragThreshold: { mouse: 10, touch: 15 },
});
<div class="large centered grid square-grid">
<div class="square draggable"></div>
<div class="circle draggable"></div>
</div>