JavaScript

Disable Back Button In Browser Using JavaScript

In this article, we will learn how to disable the back button in the browser using JavaScript.

Open the index.html file and add the code in it.

<!DOCTYPE html>
<html>
<head>
    <script>
        history.pushState(null, null, location.href);
        window.onpopstate = function () {
            history.go(1);
        };
    </script>
</head>
<body>
    Welcome
</body>
</html>

That’s it.

Output:

Also, check Detect Inactivity In Browser Using JavaScript

Yasin Panwala

Yasin Panwala is a Web Developer and Author at TheCodeHubs. He has experience in Web Developing and Designing and also in Writing. He has got his skills in working on technologies like .NET Core, ADO.NET, AJAX, Angular, AngularJS, ASP.NET, ASP.NET MVC, Bootstrap, C#, CSS, Entity Framework, Express.js, GraphQL, HTML, JavaScript, JQuery, JSON, LINQ, Microsoft Office, MongoDB, MySQL, Node.js, PostgreSQL, SQL, SQL Server, TypeORM, TypeScript, Visual Basic .NET, Web API. He also got his skills in working with different integration and some known versioning tools. He is always ready to learn new things and he always tries his best on tasks that are assigned to him and gives the best possible outputs.

View Comments

Leave a Comment
Share
Published by
Yasin Panwala
Tags: BackBack ButtonBrowserButtoncodehubsDisableDisable BackDisable Back Buttonhistoryhistory.goHow ToJavaScriptJavaScript librariesjQueryjQuery.jsjslibrariesthecodehubs
5 years ago

Recent Posts

Testing hk

Testing

2 years ago

Create and Used PIPE in angular

In this article, we have to show Create and Used PIPE in angular

2 years ago

Operation

Testing

2 years ago

Create and Used PIPE in angular

In this article, we have to show Create and Used PIPE in angular

2 years ago

Create and Used PIPE in angular

In this article, we have to show Create and Used PIPE in angular

2 years ago

TETS NEW

test

2 years ago