JQuery Mobile's Learning time Bottonbutton event Learning

Source: Internet
Author: User

Program apes are very lazy. You know!

The peak of life to machine just for the time, such as the poetry of the years more need to cherish when gold.

Don't let today's slack be the pain of a lifetime.

Every day is making progress.

Recently in the study of jquery mobile development. Use the button, bind the event, and learn with everyone. Share with us!

Directly on the code:

<! DOCTYPE html>Look at the execution effect:

Narrative description of events

Hashchange enables the tagging #hash history, and the hash value changes when a single click occurs, such as when a user clicks the back button. will be processed through the Hashchange event. The Navigate wraps Hashchange and Popstate events orientationchange Direction change events, which are triggered when the user rotates the mobile device vertically or horizontally. Pagebeforechange the event that is triggered before the page is toggled. Using $.mobile.changepage () to toggle the page, this method triggers 2 events, toggles the previous Pagebeforechange event, and Pagechange (succeeds) or pagechangefailed (failed) After the switch is complete.

Pagebeforecreate when the page is initialized, it is triggered before initialization. Pagebeforehide the event that is triggered before the old page is hidden after the page switch. Pagebeforeload the event that is triggered before the load request is emitted pagebeforeshow before the page switch is displayed.

Pagechange The event that is triggered after a successful page switchover. Using $.mobile.changepage () to toggle the page, this method triggers 2 events. The Pagebeforechange event before switching, and Pagechange (success) or pagechangefailed (failure) After the switch is complete. pagechangefailed when the page switch fails. The event that is triggered. Using $.mobile.changepage () to toggle the page, this method triggers 2 events, toggles the previous Pagebeforechange event, and Pagechange (succeeds) or pagechangefailed (failed) After the switch is complete. Pagecreate after the page creation is successful. Triggers the event, but before the enhancement is complete.

Pagehide after the page has been toggled after the old page is hidden. The event that is triggered. Pageinit the event that is triggered when the page page is initialized.

The pageload is triggered after the page is fully loaded. Pageloadfailed assumes that the page request failed to fire. Pageremove fires before the form view removes external pages from the DOM.

Pageshow is triggered on the arrival 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 slides horizontally on the element. Swipeleft triggered when the user crosses the element from left to above 30px. Swiperight triggered when a user crosses an element over 30px from the right.

Tap triggers when a user strikes an element. Taphold triggers when an element strikes an element and remains for one second. Throttledresize enables a tagged #hash history updatelayout triggered by a 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 VM Ouseout virtualized mouseout event handlers Vmouseover virtualized mouseover event handlers Vmouseup virtualized MouseUp event handlers

Download Learning materials: http://download.csdn.net/download/xmt1139057136/7422831
If you still do not understand, please add QQ Group:135430763Learn together!

JQuery Mobile Learning Time Bottonbutton Event learning

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.