How to disable browser back button javascript?

Question

1.00/5 (1 vote)

See more:

I am having back button in the application itself. While clicking the browser back button it will take me to the wrong pages. So i need to disable the browser back button.
Kindly give me some suggestion to my issue.

What I have tried:

I have tried the following code. But it just refresh the current url.

$(document).ready(function () {
window.history.forward(1);
});

Posted 27-Jun-18 19:05pm

Member 13890178

Updated 30-Jun-18 1:59am

Add a Solution

Comments

F-ES Sitecore 28-Jun-18 4:28am

After 20 years people are still asking this question? Do basic research before asking a question such as using google. This is literally the most frequently asked question ever.

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

muhammad sufiyan · Answer 1 · 2018-06-30T02:01:00

<html>
<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js">
</script>
</head>
<body>
<a href="Page2.htm">Click Here...</a>
</body>
<script>
$(document).ready(function() {
function disableBack() { window.history.forward() }

window.onload = disableBack();
window.onpageshow = function(evt) { if (evt.persisted) disableBack() }
});
</script>
</html>

Patrice T · Answer 2 · 2018-06-27T19:53:00

Solution 2

Quote:
So i need to disable the browser back button.

Short answer: you don't.
The back button is part of client side functionalities and can't hijack it for security reasons. I guess you have to find another way to do what you want.

Posted 27-Jun-18 19:53pm

Patrice T

User 13857955 · Answer 3 · 2018-06-27T19:43:00

There are numerous reasons why disabling the back button will not really work. Your best bet is to warn the user:

window.onbeforeunload = function() { return "Your work will be lost."; };

This page does list a number of ways you could try to disable the back button, but none are guaranteed:

http://www.irt.org/script/311.htm

How to disable browser back button javascript?

3 solutions

Solution 3

Solution 2

Solution 1

Add your solution here

Preview 0