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.


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

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

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.

In this article