Introduction
Here I will explain how to disable browser back button functionality using JavaScript in asp.net.
Description
One day I got requirement like disable browser back button to prevent users going back to previous page using back button of the browser. I search many sites for proper code to prevent users navigating back to previous page but there is no use because some of them work in IE but not in Mozilla and some of them will work in Mozilla but not in IE.
Here this JavaScript functionality will work in all browsers and prevent users navigating back to previous page by hitting on browser back button check below piece of JavaScript code
<script type="text/javascript"
language="javascript">
function DisableBackButton() {
window.history.forward()
}
DisableBackButton();
window.onload = DisableBackButton;
window.onpageshow = function(evt)
{ if (evt.persisted) DisableBackButton() }
window.onunload = function()
{ void (0) }
</script>
|
We need to place above script in header section of a page wherever we need to prevent users navigate back to another page by using browser back button.
I will explain our requirement with an example I have two pages Defaul1.aspx and Default2.aspx now I will redirect from Default1.aspx page to Defaul2.aspx page. After come from Defaul1.aspx page to Default2.aspx if I try to navigate back to Default1.aspx page from Defaul2.aspx then I want prevent user navigate back to previous page (Defaul1.aspx). To achieve this functionality place above JavaScript function in header section of required page.
After add our JavaScript functionality to our page that code will be like this
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Disable Browser Back buttons</title>
<script type="text/javascript"
language="javascript">
function DisableBackButton() {
window.history.forward()
}
DisableBackButton();
window.onload = DisableBackButton;
window.onpageshow = function(evt)
{ if (evt.persisted) DisableBackButton() }
window.onunload = function()
{ void (0) }
</script>
</head>
<body >
<form id="form1" runat="server">
<div>
First Page
</div>
<div>
<asp:Button id="btnFirst" runat="server" Text="Go to First Page" PostBackUrl="~/Default.aspx" />
<asp:Button ID="btnSecond" runat="server" Text="Go to Second Page" PostBackUrl="~/Default2.aspx" />
<asp:Button ID="btnThree" runat="server" Text="Go to Third Page" PostBackUrl="~/Default3.aspx" />
</div>
</form>
</body>
</html>
|
Demo
 |
We can also achieve this by disabling browser caching in code behind write the following lines of code in Page_Init event or Page_Load event and don’t forgot to add namespace using System.Web; because HttpCacheability related to that namespace.
protected void Page_Init(object sender, EventArgs e)
{
Response.Cache.SetCacheability(HttpCacheability.NoCache);
Response.Cache.SetExpires(DateTime.Now.AddSeconds(-1));
Response.Cache.SetNoStore();
}
|
We need to place this code in a page wherever we need to disable browser back button. If we use above caching method to disable browser back button that will display webpage expired message like this
 |
Download sample code attached
|
If you enjoyed this post, please support the blog below. It's FREE! Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email. |
|||
Subscribe by RSS
Subscribe by Email
|
|||
|
|
24 comments :
thnxx i was searching for it from days....................
i used the code but its not working
hi bhawna,
i tested it in all browsers it's working fine you should place that JavaScript function in all the pages wherever you need to disable back button
for master page and content page concept i want to disable back button on login page only which is one of the content page
hi bhawna,
you should place JavaScript code in login page of content placeholder and try it will work for you
thnn its working...
Hi Suresh This is sudheer trained .net developer.i am following ur portal daily and i am practicing most of the examples in ur blog, it is very useful to learn beginners.Can u post me Globalization/Localization concept with example please.
Its a good post for the beginners..:)
hi suresh,
This example works very well athe pages
Please help me to explain that how we count the user online and when i close the the browse the user count actually that the total user online please help with example
while clicking the back button it is showing the previous page for a glimpse...is it possible to remove it so it doesnt show the previous page and only stays on that page....????
actually i am talking about the thing that happens in gmail..after logging out it doest show me the login page for a glimpse
sory for my bad english....thanx in advance :)
actually i want the code for logout that exactly happens in gmail or in other websites...
plz help me...i need it
thank u :)
Hi sir..my requirment is i hav one form with 2 textboxes and submit button...i fill textboxes with values and submit means it ll save in database..the next time if i click the textbox to enter another record..the prevoiusly eneterd Value should not be dislayed..means all history content needs to be cleared..
can i use this code in html document having javascript????
Please Sir ,
give me Video Chat Code
this is useful and java script working but C# not working ...
thanks
Praveen Kumar S
thanks
Good one
It worked well , but you forced previous page to forward to current page , what if previous page is from another server? or what if i have only one page that is default.aspx . I mean how can i achieve the same thing when i face the situations i mentioned above ..
Thanks in advance
Cheers
awesome example ... good and keep it up.
hey...
i want to know how to give hyperlink to the gridview column through c# code... plx help me out
thanx bro
Hi suresh i have tried the code you have given but still when we are clicking on the bowser back button it shows the previous page for a few micro second. plz provide the solution. Thanks a lot for the article...
Thanks your great post, my brother!