drag

The drag event is raised when a draggable element is being dragged.

The event receives the following additional properties:
- element - the visible element being dragged (can be either the original element or a custom helper);
- deltaX - the horizontal movement of the element since the last drag event;
- deltaY - the vertical movement of the element since the last drag event;
- domEvent - the original event.

<div id="div1">Hello DIV!</div>

<script type="text/javascript">
    jQuery(function ($) {
        $("#div1").shieldDraggable({
            events: {
                start: function(e) {
                    // dragging started for e.element
                },
                drag: function(e) {
                    console.log("deltas: " + e.deltaX + " and " + e.deltaY);
                },
                stop: function(e) {
                    // dragging is over
                }
            }
        });
    });
</script>