onTouchStart
event handler. The Touch sensor is initialized if the there is no more than a single touch on the event.touches
property.distance
property represents the distance, in pixels, by which the touch input needs to be moved before a drag start event is emitted.delay
property represents the duration, in milliseconds, that a draggable item needs to be held by the touch input before a drag start event is emitted. tolerance
property represents the distance, in pixels, of motion that is tolerated before the drag operation is aborted. If the finger or stylus is moved during the delay duration and the tolerance is set to zero, the drag operation will be immediately aborted. If a higher tolerance is set, for example, a tolerance of 5
pixels, the operation will only be aborted if the finger is moved by more than 5 pixels during the delay.touch-action
touch-action
CSS property for all of your draggable elements.Thetouch-action
CSS property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser). Source: MDN
touch-action
property to manipulation
for draggable elements when using the Touch sensor. touchmove
events.