pure-draggable

Basic usage

Try drag the div all around.

drag me

code

Handles and avoidance

While have the drag handles specified, the objective will be draggable only when cursor starts at handles.
While have the drag avoidance specified, the objective will not be draggable if cursor starts at avoidance.

drag on those light green handles.

drag on the div but avoid those light red patches.

code

Drag event hooks

You may set custom callback functions on different stages of the drag action.

Those events are:

• dragStart calls on mousedown.
• drag calls on mousemove.
• dragEnd calls on mouseup.

For all the stages above, return false in your callback to prevent the default behavior of that stage.

code