CdkDragMove — Angular

Событие, генерируемое во время перетаскивания элемента.

API

interface CdkDragMove<T = any> {
  source: CdkDrag<T>;
  pointerPosition: { x: number; y: number; };
  event: MouseEvent | TouchEvent;
  distance: { x: number; y: number; };
  delta: { x: 0 | 1 | -1; y: 0 | 1 | -1; };
}

source

CdkDrag<T>

Перетаскиваемый элемент.

pointerPosition

{ x: number; y: number; }

Положение указателя пользователя на странице.

event

MouseEvent | TouchEvent

Собственное событие, вызывающее перетаскивание.

distance

{ x: number; y: number; }

Расстояние в пикселях, на которое пользователь перетащил элемент с начала перетаскивания.

delta

{ x: 0 | 1 | -1; y: 0 | 1 | -1; }

Показывает направление перемещения элемента пользователем по каждой из осей. 1 означает, что координата увеличивается (например, пользователь перемещает элемент вправо или вниз), а -1 означает, что она уменьшается (элемент перемещается влево или вверх). 0 означает, что координата не изменилась.