• Overview
@angular/cdk/drag-drop

CdkDragMove

interface

Event emitted as the user is dragging a draggable item.

API

  
    interface CdkDragMove<T = any> {}
  
  

source

CdkDrag<T>

Item that is being dragged.

pointerPosition

{ x: number; y: number; }

Position of the user's pointer on the page.

event

MouseEvent | TouchEvent

Native event that is causing the dragging.

distance

{ x: number; y: number; }

Distance in pixels that the user has dragged since the drag sequence started.

delta

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

Indicates the direction in which the user is dragging the element along each axis. 1 means that the position is increasing (e.g. the user is moving to the right or downwards), whereas -1 means that it's decreasing (they're moving to the left or upwards). 0 means that the position hasn't changed.

Jump to details