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

作者:白露时间:2026-10-22 07:49:06浏览:116

本文介绍如何利用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禁止浏览器页面后退功能的完整示例,供读者参考使用。

作者最新文章