panstart jQuery Event

jQuery.event.special.panstart

Event raised once when a pointer is being moved (on pointermove) after a minimum distance from its original position at pointerstart.

Useful as a way to move an element in realtime tracked against a touch. The current pageX and pageY position on pan events can be compared against the position at panstart to determine an offset to move the panned element.

Usage

$(element).on('panstart', function(e){
    // handle event...
});

Data on the event

• pointers: array of Pointer objects, each withpageX and pageY properties
• originalEvent: Native event object
• duration: duration of the gesture
• angle: angle, in degrees, of the pan from start to finish
• direction: general direction of the pan, based on the angle. 'up', 'down', 'right', or 'left'
• pageX: x position
• pageY: y position