Drop Target

A valid drop target is considered any HTML element or Angular component with the DropTarget directive applied. The drop target element emits a number of events when a valid drag target (an element with the DragTarget directive applied) interacts with it:

• 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 the DropTarget directive in action.

Suggested Links

• API Reference of the DropTarget