jQuery Touch

Set the swipeMax property of the jqxTouch. Author: http://jqwidgets.com

by jqwidgets

HTML

<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<div id='touch'>
    <div style="height: 300px; color: white; background: blue;">Swipe Left, Swipe Right or Tap</div>
</div>
<br/>
<div id='log'></div>

JavaScript

$('#touch').jqxTouch({
    swipeMin: 200
});
$('#touch').on('swipeleft', function () {
    $("#log").html("You've swiped left");
});
$('#touch').on('swiperight', function () {
    $("#log").html("You've swiped right");
});
$('#touch').on('tap', function () {
    $("#log").html("You've Tapped");
});