# Hold to Drag

The [`DragTarget`](https://www.telerik.com/kendo-angular-ui/components/utils/api/dragtargetdirective) enables you to apply a hold delay after an element is pressed, by setting the [`dragDelay`](https://www.telerik.com/kendo-angular-ui/components/utils/api/dragtargetdirective#dragdelay) option. With this setup, dragging will be allowed only after the specified period of time has passed.

To indicate that the pre-defined drag delay is reached, the `DragTarget` will emit a [`onDragReady`](https://www.telerik.com/kendo-angular-ui/components/utils/api/dragtargetdirective#ondragready) event before the [`onDragStart`](https://www.telerik.com/kendo-angular-ui/components/utils/api/dragtargetdirective#ondragstart) event. It allows you to apply custom logic and styling before the drag is initiated by the user.

The following example demonstrates setting a delay of 500 milliseconds.

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

## Suggested Links

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