Question

我正试图限制浏览器的后退按钮。

我已使用以下代码进行限制。

history.pushState(null, document.title, location.href);
global.window.addEventListener('popstate', function () {
    history.pushState(null, document.title, location.href);
});

代码在chrome上工作得很好，但在IE11中不起作用

请协助。

Answer 1

尝试引用下面的示例在chrome和IE中都可以使用。

代码：

<html>
<head>
    <title>Disable Back Button in Browser - Online Demo</title>
    <style type="text/css">
       div{
  margin:auto;
  width:400px;
  border:1px solid black;
}
h1{
  text-align:center;
}
a{
  text-decoration:none;
}
p{
  text-align:center;
}
    </style>
    <script type="text/javascript">
       history.pushState(null, null, location.href);
    window.onpopstate = function () {
        history.go(1);
    };
    </script>
</head>
<body>
   <div>
<h1><a href="http://www.justwebcode.com" rel="index,follow">Just Web Code</a></h1>
  <p>Click on Browser Back Button to Check</p>
</div>
</body>
</html>

参考：

How to disable browser back button using JavaScript

注意：-尝试在本地运行代码，如果从堆栈溢出代码段运行代码，则会产生错误。

addEventListener（'popstate'）在IE 11中不起作用

1 个答案: