Prevent the Use of the Browser Back Button

  • Views Views: 3,262
  • Last updated Last updated:
  • Because of the POST method used during a filter/search on a Lists, users receive a "Document Expired" message if they try going back (using the browser back button) after viewing a details or form page.

    In addition to adding a "Go Back" form button, here is one solution to prevent that confusion, which may or may not be desirable, since preventing the use of the back button is slightly invasive.

    By use a form_x.js script in the /components/com_fabrik/js/ folder, you can prevent the use of the browser back button.
    Code:

    jQuery(document).ready(function() {
    window.addEventListener('popstate', function(event) {
    if (event.state) {
    if (window.history.state == null){
    return;
    }
    window.history.pushState({},'', window.location.href);
    }
    }, false);
    window.history.pushState({},'', window.location.href);
    });
    Users may double click to get back, so you can duplicate these lines to prevent a double-click back: window.history.pushState({},'', window.location.href);
Back
Top