
- Javascript Basics Tutorial
- Javascript - Home
- Javascript - Overview
- Javascript - Syntax
- Javascript - Enabling
- Javascript - Placement
- Javascript - Variables
- Javascript - Operators
- Javascript - If...Else
- Javascript - Switch Case
- Javascript - While Loop
- Javascript - For Loop
- Javascript - For...in
- Javascript - Loop Control
- Javascript - Functions
- Javascript - Events
- Javascript - Cookies
- Javascript - Page Redirect
- Javascript - Dialog Boxes
- Javascript - Void Keyword
- Javascript - Page Printing
- JavaScript Objects
- Javascript - Objects
- Javascript - Number
- Javascript - Boolean
- Javascript - Strings
- Javascript - Arrays
- Javascript - Date
- Javascript - Math
- Javascript - RegExp
- Javascript - HTML DOM
- JavaScript Advanced
- Javascript - Error Handling
- Javascript - Validations
- Javascript - Animation
- Javascript - Multimedia
- Javascript - Debugging
- Javascript - Image Map
- Javascript - Browsers
- JavaScript Useful Resources
- Javascript - Questions And Answers
- Javascript - Quick Guide
- Javascript - Functions
- Javascript - Resources
How to disable browser's back button with JavaScript?
To disable web browsers’ back button, try to run the following code. This is the code for current HTML page,
Example
<html> <head> <title>Disable Browser Back Button</title> <script src = "http://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> </head> <body> <a href = "newpage.html">Next Page</a> </body> <script> $(document).ready(function() { function disablePrev() { window.history.forward() } window.onload = disablePrev(); window.onpageshow = function(evt) { if (evt.persisted) disableBack() } }); </script> </html>
The following is the code for newpage.html,
<html> <body> Go to back page using web browser back button. </body> </html>a
- Related Articles
- How to stop browser's back button using JavaScript?
- How to disable back button in android while logging out the application?
- How to disable the back button in android while logging out the application using Kotlin?
- Disable a button with Bootstrap
- Disable browser caching with meta HTML tags
- How to create a "scroll back to top" button with CSS?
- How to perform back and refresh in a browser in Selenium with python?
- How to Disable / Enable a Button in TKinter?
- How to enable back button in action bar?
- How to enable back button in android webview?
- How to set back button text in Swift?
- How to disable browser print options (headers, footers, margins) from the page with CSS?
- Disable a Bootstrap Button
- How to enable and disable submit button using jQuery?
- How to enable back button action in action bar?

Advertisements