Coding With Fun
Home Docker Django Node.js Articles Python pip guide FAQ Policy

jQuery Mobile event


May 21, 2021 jQuery Mobile


Table of contents


jQuery Mobile event

In this section, we've provided you with all the events you might use in jQuery Mobile!

jQuery Mobile Incident Reference Manual

The following list is for all jQuery Mobile events.

Note: Use the on() method to bind events.

Event Describe
hashchange Enabling taggable #hash history, hash values can vary from time to time with a separate click, such as a user clicking the back button, which is handled by the hashchange event.
navigate Wrapped in hashchange and popstate events
orientationchange A direction change event that is triggered when the user rotates the mobile device vertically or horizontally.
pagebeforechange The event that was triggered before the page switched. Use $.mobile.changePage() to switch pages, this method triggers 2 events, switches the previous pagebeforechange event, and when the switch is complete pagechange (successful) or pagechangefailed (failed).
pagebeforecreate When the page is initialized, it is triggered before initialization.
pagebeforehide The event that was triggered before the old page was hidden after the page switch.
pagebeforeload Triggered before the load request is made
pagebeforeshow The event that was triggered before it was displayed after the page switch.
pagechange The event that was triggered after the page switch was successful. Use $.mobile.changePage() to switch pages, this method triggers 2 events, switches the previous pagebeforechange event, and when the switch is complete pagechange (successful) or pagechangefailed (failed).
pagechangefailed The event that was triggered when the page switch failed. Use $.mobile.changePage() to switch pages, this method triggers 2 events, switches the previous pagebeforechange event, and when the switch is complete pagechange (successful) or pagechangefailed (failed).
pagecreate After the page is created successfully, the event is triggered, but the enhancement is complete before.
pagehide Events triggered after the old page is hidden after the page switch.
pageinit The event that is triggered when the page is initialized.
pageload Triggered after the page is fully loaded.
pageloadfailed If the page request fails to fire.
pageremove Triggered before the window view removes the external page from the DOM.
pageshow When the transition animation is complete, it is triggered on the Arrival page.
scrollstart Triggered when the user starts scrolling the page.
scrollstop Triggered when the user stops scrolling the page.
swipe Triggered when the user slides horizontally on the element.
swipeleft Triggered when the user crosses an element over 30px from the left.
swiperight Triggered when the user crosses an element over 30px from the right.
tap Triggered when the user taps an element.
taphold Triggers when an element taps and remains for a second.
throttledresize Enable taggable #hash history
updatelayout Triggered by the jQuery Mobile component that dynamically displays/hides content.
vclick Virtualized click event processor
vmousecancel Virtualized mousecancel event processor
vmousedown Virtualized mousedown event processor
vmousemove Virtualized mousemove event processor
vmouseout Virtualized mouseout event processor
vmouseover Virtualized mouseover event processor
vmouseup Virtualized mouseup event processor