jQuery Mobile Events | Tutorial
Tutorial -- Learning is not just about technology, but also about dreams!
- Home
- HTML
- JavaScript
- CSS
- Vue
- React
- Python3
- Java
- C
- C++
- C#
- AI
- Go
- SQL
- Linux
- VS Code
- Bootstrap
- Git
- Local Bookmarks
jQuery Mobile Tutorial
jQuery Mobile Tutorial jQuery Mobile Introduction jQuery Mobile Installation jQuery Mobile Pages jQuery Mobile Transitions jQuery Mobile Buttons jQuery Mobile Button Icons jQuery Mobile Popups jQuery Mobile Toolbars jQuery Mobile Navbars jQuery Mobile Panels jQuery Mobile Collapsibles jQuery Mobile Tables jQuery Mobile Grids
jQuery Mobile Lists
jQuery Mobile List Views jQuery Mobile List Content jQuery Mobile Filters
jQuery Mobile Forms
jQuery Mobile Forms jQuery Mobile Form Inputs jQuery Mobile Form Select jQuery Mobile Form Sliders
jQuery Mobile Themes
jQuery Mobile Events
jQuery Mobile Events jQuery Mobile Touch Events jQuery Mobile Scroll Events jQuery Mobile Orientation Change Events jQuery Mobile Examples jQuery Mobile Data Attributes jQuery Mobile Icons jQuery Mobile Events jQuery Mobile Page Events jQuery Mobile CSS Classes
Deep Dive
- Smartphone
- Java (Programming Language)
- Programming
- Web Service
- Script
- Scripting Language
- Software
- Web Design and Development
- Computer Science
- Web Services
jQuery Mobile Events
jQuery Mobile Events Reference
The following list contains all jQuery Mobile events.
Note: Please use the on() method to bind events.
| Event | Description |
|---|---|
| hashchange | Enables bookmarkable #hash history. The hash value changes on an individual click, for example, when a user clicks the back button, it is handled via the hashchange event. |
| navigate | Wraps the hashchange and popstate events. |
| orientationchange | Orientation change event, triggered when the user rotates the mobile device vertically or horizontally. |
| pagebeforechange | Triggered before a page transition. Use $.mobile.changePage() to switch pages. This method triggers 2 events: the pagebeforechange event before the switch, and pagechange (success) or pagechangefailed (failure) after the switch is complete. |
| pagebeforecreate | Triggered during page initialization, before initialization is complete. |
| pagebeforehide | Triggered after a page transition, before the old page is hidden. |
| pagebeforeload | Triggered before a load request is sent. |
| pagebeforeshow | Triggered after a page transition, before the page is shown. |
| pagechange | Triggered after a successful page transition. Use $.mobile.changePage() to switch pages. This method triggers 2 events: the pagebeforechange event before the switch, and pagechange (success) or pagechangefailed (failure) after the switch is complete. |
| pagechangefailed | Triggered when a page transition fails. Use $.mobile.changePage() to switch pages. This method triggers 2 events: the pagebeforechange event before the switch, and pagechange (success) or pagechangefailed (failure) after the switch is complete. |
| pagecontainerbeforeload | Triggered before any request is loaded. |
| pagecontainerload | Triggered after a page is successfully loaded and inserted into the DOM. |
| pagecontainerloadfailed | Triggered when a page load fails. |
| pagecreate | Triggered after a page is successfully created, but before enhancement is complete. |
| pagehide | Triggered after a page transition, after the old page is hidden. |
| pageinit | Deprecated since version 1.4.0, use pagecreate instead. Triggered during page initialization. |
| pageload | Deprecated since version 1.4.0, use pagecontainerload instead. Triggered after a page is fully loaded successfully. |
| pageloadfailed | Deprecated since version 1.4.0, use pagecontainerloadfailed instead. Triggered if a page request fails. |
| pageremove | Triggered before an external page is removed from the DOM window view. |
| pageshow | Triggered on the "to" page after the transition animation is complete. |
| scrollstart | Triggered when the user starts scrolling the page. |
| scrollstop | Triggered when the user stops scrolling the page. |
| swipe | Triggered when the user swipes horizontally on an element. |
| swipeleft | Triggered when the user swipes left across an element more than 30px. |
| swiperight | Triggered when the user swipes right across an element more than 30px. |
| tap | Triggered when the user taps on an element. |
| taphold | Triggered when the user taps and holds on an element for one second. |
| throttledresize | Enables bookmarkable #hash history. |
| updatelayout | Triggered by jQuery Mobile components that dynamically show/hide content. |
| vclick | Virtualized click event handler. |
| vmousecancel | Virtualized mousecancel event handler. |
| vmousedown | Virtualized mousedown event handler. |
| vmousemove | Virtualized mousemove event handler. |
| vmouseout | Virtualized mouseout event handler. |
| vmouseover | Virtualized mouseover event handler. |
| vmouseup | Virtualized mouseup event handler. |
Click to Share Notes
Write notes...
Image URL
Image Description
Share Notes
- Nickname Nickname (Required)
- Email Email (Required)
- Reference URL Reference URL
YouTip