Axis Lock

You can use the DragTarget directive to restrict the drag either to the horizontal or vertical axis. To implement the axis restriction, set the restrictByAxis property.

Restriction by axis is only applicable when the drag mode is set to auto. In manual mode the developer has full control over the drag action.

The following example demonstrates locking the element to be dragged horizontally or vertically only.

Suggested Links

• API Reference of the DragTarget
• API Reference of the DropTarget