利用js实现，禁用游览器后退

最新推荐文章于 2025-03-08 08:40:59 发布

lilly呀

最新推荐文章于 2025-03-08 08:40:59 发布

阅读量765

点赞数 1

分类专栏： JS纪录篇

本文链接：https://blog.csdn.net/qq_26780317/article/details/107541770

版权

JS纪录篇专栏收录该内容

48 篇文章

订阅专栏

本文介绍了一种使用JavaScript代码来禁用浏览器后退功能的方法，以避免用户因误操作而造成的数据丢失或状态混乱。通过修改历史记录并监听popstate事件，可以有效地阻止用户通过各种方式触发的后退行为，从而提升用户体验。

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

背景：在很多系统，一些界面都是用户手动点击退出按钮的。但是，为了避免，用户误操作点击游览器后退，或者用鼠标手势后退什么的，出现误操作。所以，适当的禁用游览器的后退，是可以很大的提高用户的体验的。

一、js代码

这种方法可以消除所有的后退动作，包括：键盘/鼠标手势等产生的后退动作。

<script language="javascript">
    //防止页面后退
    history.pushState(null, null, document.URL);
        window.addEventListener('popstate', function () {
            history.pushState(null, null, document.URL);
     });
</script>

这样，在常用游览器中，都可以禁用了后退。

//禁用游览器返回

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

//启用游览器返回

function enable_back(){
    history.go(-1);
    window.removeEventListener('popstate',back_common)
}
function back_common(){
    history.pushState(null,null,document.URL);
}

参考博客：利用js实现禁用游览器后退 https://www.cnblogs.com/sunshq/p/7976827.html