New to Kendo UI for jQuery? Start a free 30-day trial

Swipe

events

Fires when the user performs a horizontal swipe on the element.

For this event to be triggered, the enableSwipe configuration option should be set to true.

The minXDelta, maxYDelta and maxDuration configuration options determine when the drag event sequence is considered a swipe.

swipe

Event Data

e.touch `TouchEvent`

The touch event instance

e.event `jQueryEvent`

The jQuery event which triggered the touch event.

e.direction `String`

The swipe event direction. Can be either left or right.

<div id="touch">Touch here</div>

<script>
/* The result can be observed in the DevTools(F12) console of the browser. */
$("#touch").kendoTouch({ enableSwipe: true, swipe: function (e) { console.log(e); } });
</script>

Swipe

swipe

Event Data

e.touch TouchEvent

e.event jQueryEvent

e.direction String

e.touch `TouchEvent`

e.event `jQueryEvent`

e.direction `String`