By default, the whole target element is draggable. To specify only certain child elements that will serve as drag handles, use the
DragHandle directive. This enables dragging only through the handle element(s), while using the whole drag target for collision detection.
The following example demonstrates the
DragHandle directive in action: