JavaScript 实现禁止浏览器页面后退功能

作者:白露

时间:2026-10-22

浏览:115

本文介绍如何利用JavaScript的history.pushState方法和popstate事件监听器,实现禁止浏览器页面后退的功能。通过判断当前URL路径,在特定页面如登录页阻止用户通过后退按钮返回,提升页面交互控制能力。

文章目录

JavaScript 禁止页面后退功能实现

具体实现代码如下所示:


<script>
 $(function(){
   if(window.location.href.indexOf("/login") > -1) {
    //防止页面后退
     history.pushState(null, null, document.URL);
     window.addEventListener('popstate', function () {
      history.pushState(null, null, document.URL);
     });
   }
 });
</script>

上述内容即为关于JavaScript禁止浏览器页面后退功能的完整示例,供读者参考使用。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章