Events

Both the DragTarget and the DropTarget directives feature a number of events which enable you to control and customize the drag and drop behavior upon user interaction.

DragTarget Events

• onPress—Fires when the drag target is pressed.
• onDragReady—Fires when the set dragDelay has passed.
• onDragStart—Fires when the dragging of the element begins.
• onDrag—Fires while the element is being dragged.
• onRelease—Fires when the drag target is released after being pressed.
• onDragEnd—Fires when the dragging of the element ends and the user releases it.

DropTarget Events

• onDragEnter—Fires when a valid drag target enters the drop target.
• onDragOver—Fires while a valid drag target is being dragged over the drop target.
• onDragLeave—Fires when a valid drag target leaves the drop target.
• onDrop—Fires when a valid drag target is dropped over the drop target.

The following example demonstrates all events the DragTarget and DropTarget directives feature.

Suggested Links

• API Reference of the DropTarget