How can I control the back button event in jQuery Mobile?

by

Recommended method pagecontainerbeforechange: https://jqmtricks.wordpress.com/2014/12/01/detect-back-navigation/

You need to listen to the navigation event and state.direction.

$(window).on("navigate", function (event, data) {
  var direction = data.state.direction;
  if (direction == 'back') {
    // Do something
  }
  if (direction == 'forward') {
    // Do something else
  }
});

jQuery Mobile API: Navigation event

Demo

More Related Contents:

  1. Injected li items are not formatted with CSS style [closed]
  2. jquery .get not getting [closed]
  3. jQuery Mobile: document ready vs. page events
  4. jQuery Mobile: Markup Enhancement of dynamically added content
  5. Why I have to put all the script to index.html in jquery mobile
  6. Long Press in JavaScript?
  7. How to check “checkbox” dynamically – jQuery Mobile
  8. Show virtual keyboard on mobile phones in javascript
  9. Get Character value from KeyCode in JavaScript… then trim
  10. Jquery Mobile – $.mobile.changepage not loading external .JS files
  11. How to use javascript conditionally like CSS3 media queries, orientation?
  12. How to swipe top down JQuery mobile
  13. jQuery Mobile : What is the order of page events triggering?
  14. How to know if .keyup() is a character key (jQuery)
  15. Using mousedown event on mobile without jQuery mobile?
  16. Eliminate 300ms delay on click events in mobile Safari
  17. Refresh a section after adding HTML dynamically to jquery mobile [duplicate]
  18. jquery.mobile 1.4.5 Uncaught TypeError: Cannot read property ‘concat’ of undefined
  19. How to redirect on another page and pass parameter in url from table?
  20. What is the “mobile-pagecontainer” selector
  21. jquery keypress event object keyCode for firefox problem?
  22. Is there any way to check reachability test of server in jQuery
  23. In jQuery mobile, what’s the diff between tap and vclick?
  24. How do I pass a URL as a parameter? [closed]
  25. How to add a dynamic query string to a link?
  26. Replace multiple strings at once
  27. Binding multiple events to a listener (without JQuery)?
  28. jQuery: Why use document.ready if external JS at bottom of page?
  29. How to simulate typing in input field using jQuery?
  30. Iframe inherit from parent

Leave a Comment