Defines the minimum swipe distance required by the plugin.

Code examples

Set the swipeMin property.

$('#jqxTouch').jqxTouch({swipeMin: 20});

Get the swipeMin property.

var swipeMin = $('#jqxTouch').jqxTouch('swipeMin');

Defines the maximum swipe distance. After it is passed the propagation of the touch event will be restored, therefore the scrolling will be available.

Code examples

Set the swipeMax property.

$('#jqxTouch').jqxTouch({swipeMax: 200});

Get the swipeMax property.

var swipeMax = $('#jqxTouch').jqxTouch('swipeMax');

The swipe delay. After it is passed swipe event won't be fired.

Code examples

ISet the swipeDelay property.

$('#jqxTouch').jqxTouch({swipeDelay: 800});

Get the swipeDelay property.

var swipeDelay = $('#jqxTouch').jqxTouch('swipeDelay');

The taphold delay. If this delay is passed then taphold event will be fired.

Code examples

Set the tapHoldDelay property.

$('#jqxTouch').jqxTouch({tapHoldDelay: 600});

Get the tapHoldDelay property.

var tapHoldDelay = $('#jqxTouch').jqxTouch('tapHoldDelay');

Indicates whether the orientationchange event is enabled.

Code examples

Set the orientationChangeEnabled property.

$('#jqxTouch').jqxTouch({orientationChangeEnabled: false});

Get the orientationChangeEnabled property.

var orientationChangeEnabled = $('#jqxTouch').jqxTouch('orientationChangeEnabled');

This event is triggered when the user taps an element.

Code examples

Bind to the tap event by type: jqxTouch.

$('#jqxTouch').on('tap', function () { // Some code here. }); 

This event is triggered when the user taps an element and holds a specific amount of time specified by the 'tapHoldDelay' property.

Code examples

Bind to the taphold event by type: jqxTouch.

$('#jqxTouch').on('taphold', function () { // Some code here. }); 

This event is triggered when the user swipes left, right, up or down.

Code examples

Bind to the swipe event by type: jqxTouch.

$('#jqxTouch').on('swipe', function () { // Some code here. }); 

This event is triggered when the user swipes left.

Code examples

Bind to the swipeswipeleft event by type: jqxTouch.

$('#jqxTouch').on('swipeleft', function () { // Some code here. }); 

This event is triggered when the user swipes right.

Code examples

Bind to the swiperight event by type: jqxTouch.

$('#jqxTouch').on('swiperight', function () { // Some code here. }); 

This event is triggered when the user swipes top.

Code examples

Bind to the swipetop event by type: jqxTouch.

$('#jqxTouch').on('swipetop', function () { // Some code here. }); 

This event is triggered when the user swipes bottom.

Code examples

Bind to the swipebottom event by type: jqxTouch.

$('#jqxTouch').on('swipebottom', function () { // Some code here. }); 

This event is triggered when the device's orientation is changed.

Code examples

Bind to the orientationchange event by type: jqxTouch.

$('#jqxTouch').on('orientationchange', function () { // Some code here. });