js禁止浏览器后退按钮操作

偏执zz

于 2023-07-26 10:21:52 发布

阅读量812

点赞数

分类专栏： JavaScript 浏览器Google 文章标签： javascript 前端 html

本文链接：https://blog.youkuaiyun.com/qq_37804387/article/details/131796439

版权

JavaScript 同时被 2 个专栏收录

90 篇文章

订阅专栏

浏览器Google

30 篇文章

订阅专栏

文章探讨了两种处理页面跳转的技术方法：一是使用`window.history.forward(1)`，但体验可能不佳；二是利用`history.pushState`结合监听`popstate`事件，实现更精细的控制，确保页面不会被退回。这两种方式都涉及到浏览器的历史记录管理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、伪操作

    window.history.forward(1);

也行，也能用，体验不太好，放在点击跳转的页面，而不是被跳转的页面

2、终极方案

    history.pushState(null, null, document.URL);
    window.addEventListener('popstate', function () {
        history.pushState(null, null, document.URL);
    });

无所遁形，被跳转的页面