Properties

Name Type Default
orientationChangeEnabled Boolean true

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');
swipeMin Number 50

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');
swipeMax Number 500

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');
swipeDelay Number 1000

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');
tapHoldDelay Number 750

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');

Events

orientationchange Event

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. }); 
swipe Event

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. }); 
swipeleft Event

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. }); 
swiperight Event

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. }); 
swipetop Event

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. }); 
swipebottom Event

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. }); 
tap Event

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. }); 
taphold Event

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. }); 

AltStyle によって変換されたページ (->オリジナル) /