Now a day due to security purpose sometimes it is required that we disable the functionality of Back button of the Browser. Actually we can not disable Browser Back button but we can use JavaScript and find a workaround for this. We will cover below 3 tricks in this Article one by one -
- Open a Window without Back Button.
- Disable Back functionality using history.forward().
- Disable the right click on any webpage using JavaScript.
Open a window without Back Button
Although this is one of the ways to hide Back button from user but at the same time there is an Alternate workaround for the user to go back the previous page. Most of the modern browsers have options of Back in context menu. Hence even if you disable Back Button, user can still right click on the page and click Back to go to previous page.(You can disable right click also as described below in this Article)
The codes to open a webpage in a new window have no toolbar (Back/Next buttons) as follows-
<HTML>
<HEAD>
<SCRIPT type="text/javascript">
function openWindow() {
//Open a new window with no toolbar
window.open("http://emuzix.net","mywindow","status=1, toolbar=0");
}
</SCRIPT>
</HEAD>
<BODY>
<input type="button" value="Demo Here" onClick="openWindow()"/>
</BODY>
</HTML>
Disable Back functionality using history.forward()
Another technique to disable the back functionality in any webpage is using history.forward() method. We need to add the following codes in the webpage where we want to avoid user to get back from previous page. But here the problem is that you have to add this code in all the pages where you want to avoid user to get back from previous page. For example user follows the navigation page1 -> page2. And you want to stop user from page2 to go back to page1. In this case add following code in page1
<HTML>
<HEAD>
<SCRIPT type="text/javascript">
function stayHere() {
window.history.forward();
}
</SCRIPT>
</HEAD>
<BODY onload="stayHere();">
Your Content Goes Here!
</BODY>
</HTML>
Disable the right click on any webpage using JavaScript
Basically "oncontextmenu" is responsible for opening contextmenu in a page. Add the below code to Disable the right click (Context menu) on any webpage –
<HTML> <BODY oncontextmenu="return false;"> Your Content Goes Here! </BODY> </HTML>
Posts
3 Response to Disable Back Button and Right Click using JavaScript
how to use this in blogspot
my blog is
http://howtohackthe.blogspot.com
You can use CSS only for this selection disable operation... Please check this example.. http://aspnettutorialonline.blogspot.com/2012/04/how-to-disable-text-selection-on-web.html
This is really attention-grabbing, You are an excessively professional blogger.I have joined your rss feed and sit up for in quest of more of your great post.
website design
Post a Comment