Touch API in JavaScript Base API control

Touch class provides support to handle the touch event like tap, double tap, tap hold, etc..,

   let node: HTMLElement;
let touchObj: Touch = new Touch({
   element: node,
   tap: function (e) {
       // tap handler function code
   }
   tapHold: function (e) {
       // tap hold handler function code
   }
   scroll: function (e) {
       // scroll handler function code
   }
   swipe: function (e) {
       // swipe handler function code
   }
});

Properties

swipeSettings

SwipeSettingsModel

Customize the swipe event configuration.

Defaults to { swipeThresholdDistance: 50 }

tapHoldThreshold

number

Specifies the time delay for tap hold.

Defaults to 750

tapThreshold

number

Specifies the time delay for tap.

Defaults to 350

Methods

addEventListener

Adds the handler to the given event listener.

Returns void

dataBind

Bind property changes immediately to components

Returns void

destroy

To destroy the touch instance.

Returns void

removeEventListener

Removes the handler from the given event listener.

Returns void

Events

scroll

EmitType<ScrollEventArgs>

Specifies the callback function for scroll event.

swipe

EmitType<SwipeEventArgs>

Specifies the callback function for swipe event.

tap

EmitType<TapEventArgs>

Specifies the callback function for tap event.

tapHold

EmitType<TapEventArgs>

Specifies the callback function for tapHold event.