# Events

Both the [`DragTarget`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/dragtargetdirective) and the [`DropTarget`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/droptargetdirective) directives feature a number of events which enable you to control and customize the drag and drop behavior upon user interaction.

## DragTarget Events

* [`onPress`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/dragtargetdirective#onpress)—Fires when the drag target is pressed.
* [`onDragReady`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/dragtargetdirective#ondragready)—Fires when the set [`dragDelay`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/dragtargetdirective#dragdelay) has passed.
* [`onDragStart`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/dragtargetdirective#ondragstart)—Fires when the dragging of the element begins.
* [`onDrag`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/dragtargetdirective#ondrag)—Fires while the element is being dragged.
* [`onRelease`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/dragtargetdirective#onrelease)—Fires when the drag target is released after being pressed.
* [`onDragEnd`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/dragtargetdirective#ondragend)—Fires when the dragging of the element ends and the user releases it.

## DropTarget Events

* [`onDragEnter`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/droptargetdirective#ondragenter)—Fires when a valid drag target enters the drop target.
* [`onDragOver`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/droptargetdirective#ondragover)—Fires while a valid drag target is being dragged over the drop target.
* [`onDragLeave`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/droptargetdirective#ondragleave)—Fires when a valid drag target leaves the drop target.
* [`onDrop`](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/droptargetdirective#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.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/utils/draganddrop/events/source.txt)

## Suggested Links

* [API Reference of the DropTarget](https://www.telerik.com/kendo-angular-ui-develop/components/utils/api/droptargetdirective)