dragThreshold

指定触发拖动所需的像素距离。
可以通过使用对象为鼠标或触摸设备分别指定阈值。

dragThreshold: 3,

// Or

dragThreshold: { mouse: 3, touch: 7 },

接受

  • Number
  • { mouse: Number, touch: Number }
  • A Function that returns a Number or { 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>