How to disable browser back button using Jquery?
How can we disable browser forward and back button using jquery or javascript that is lead topic. we can use window.history.pushState for restrict back button of browser in jquery. we can disable back button in browser using jquery in php or any mvc framework like laravel, codeigniter etc.
Sometime we need to restrict back button function in your browser because of security. so no one can access that page with back button.
I will give you simple example to disable browser back button in js, so you can run js code in your local system and see it. Just see bellow example:
Example:
<!DOCTYPE html>
<html>
<head>
<title>How to disable browser back button using Jquery? - ItSolutionStuff.com</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
<button>click on browser back button</button>
</body>
<script type="text/javascript">
$(document).ready(function() {
window.history.pushState(null, "", window.location.href);
window.onpopstate = function() {
window.history.pushState(null, "", window.location.href);
};
});
</script>
</html>
I hope it can help you....

Hardik Savani
I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Laravel, Angular, Vue, Node, Javascript, JQuery, Codeigniter and Bootstrap from the early stage. I believe in Hardworking and Consistency.
We are Recommending you
- How to disable right click on div using context menu jquery?
- Jquery - Show hide password in Password textbox using checkbox.
- Jquery modal dialog prompt using bootstrap bootbox JS example
- JQuery Highlight Text by Search and Match Example
- JQuery Tag Input Plugin Example Code
- Preview an image before Upload using jQuery Example
- JQuery Delete Confirm Modal using Bootbox Example
- How to Check Image Loaded or Not in JQuery?