Log in to AnswerLog in to Follow
2020-12-07 13-51-26
Shrinjala Singh
172Views
8Comments
Disable browser back button
Question
Reactive
Application Type
Reactive

Hi

I’m trying to disable or unutilized the browser back button, so that the user may not go back, I have tried the following JS code.

window.history.pushState(null, "", document.URL);        

      window.onpopstate = function() {

          window.history.pushState(null, "", document.URL);

  };

After clicking on back button user can not go back to previous page but browser title is changing for previous page, how to solve this please help.


0
0
15 Feb 2021
2018-10-29 08-31-03
João Marques
mvp_badge
MVP

Hi Shrinjala,


Try the following JS:


history.pushState(null, document.title, location.href);

window.addEventListener('popstate', function (event)

{

  history.pushState(null, document.title, location.href);

});


That should do the trick.



Kind Regards,
João

1
0
15 Feb 2021

Hi João,

I have tried this also but facing same issue.

0
0
16 Feb 2021

Hi Shrinjala, 

Check the Navigation JavaScript API made available by the OutSystems Platform. There you will find the "registerBackNavigationHandler" function to manage the back button. Check if it fits your challenge.


P.S.: Allow me to challenge if you really need to control the back button? This is not a recommended behavior by many developers.


Cheers,

António Pereira

1
0
16 Feb 2021

Hi Shrinjala,

Good morning!

Might this post can help:

https://www.outsystems.com/forums/discussion/9789/transactional-apps-and-the-back-button/

Kind regards,

Chris

2
0
16 Feb 2021

Thank you so much all for your response, issue is resolved,

0
0
17 Feb 2021

can you help me to restrict user to go back

0
0
08 Apr

How did you do it?

0
0
01 Dec 2021

Hello,

I have used the below Javascript

window.history.pushState(null, "", window.location.href);        

window.onpopstate = function(event) {

    window.history.pushState(null, "", window.location.href);

    var tl =  document.title;

    document.title="";

    document.title= tl;

};


Please try if it can help you as well.

Thanks



0
0
08 Apr
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.