How to Disable browser back button?

Question

In my application i want to disable browser back button. And redirect my page to another page if user clicks refresh button present in the browser.

Tuhin Paul · Answer

You can disable the browser back button and redirect the user to another page if they click the refresh button by using the following code: function disableBackButton() { window.history.pushState({}, "", window.location.href); } function redirectOnRefresh() { window.location.href = "https://example.com/new-page"; } window.addEventListener("popstate", disableBackButton); window.addEventListener("beforeunload", redirectOnRefresh); This code will disable the browser back button by pushing the current page to the browser's history stack. When the user clicks the back button, the page will be restored from the history stack instead of going back to the previous page. The code will also redirect the user to a new page if they click the refresh button. This is done by listening for the beforeunload event and returning a string that tells the browser to redirect the user to the new page. You can modify this code to fit your specific needs. For example, you could add a message to the beforeunload event to warn the user that they are about to be redirected.

Deepak Rawat · Answer

// Listen for the refresh button click event window.onbeforeunload = function() { // Redirect the page to another URL window.location.href = 'https://example.com/redirect'; // Return a message to display to the user (optional) return 'Are you sure you want to refresh?'; };

Vishal Yelve · Answer

Try this, $(document).ready(function() { window.history.pushState(null, "", window.location.href); window.onpopstate = function() { window.history.pushState(null, "", window.location.href); }; });

Vishal Joshi · Answer

Hello Gopi There are different ways to achieve the requirement. You can write code that will get back to the current page when clicking on the browser back button. Sample code to disable back button programmatically $(document).ready(function() { function disableBack() { window.history.forward() } window.onload = disableBack(); window.onpageshow = function(e) { if (e.persisted) disableBack(); } }); You can open a page in a browser popup window which will not have any back button to click. Thanks

Raj Bhatt · Answer

You can try below code: $(document).ready(function() { function disableBack() { window.history.forward() } window.onload = disableBack(); window.onpageshow = function(e) { if (e.persisted) disableBack(); } }); Disabling browser back button Next page $(document).ready(function() { function disableBack() { window.history.forward() } window.onload = disableBack(); window.onpageshow = function(e) { if (e.persisted) disableBack(); } });

How to Disable browser back button?

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (5)