我正在用PHP做一个在线测试应用程序。我想限制用户在考试中返回。
我尝试了下面的脚本，但它停止了我的计时器。
我该怎么办?
定时器存储在cdtimer.js文件中。
<script type="text/javascript">
window.history.forward();
function noBack()
{
window.history.forward();
}
</script>
<body onLoad="noBack();" onpageshow="if (event.persisted) noBack();" onUnload="">
我有一个考试计时器，它从一个MySQL值中获取考试的持续时间。计时器随之启动，但当我输入禁用后退按钮的代码时，它就停止了。我有什么问题?
当前回答
<script>
window.location.hash = "no-back-button";
// Again because Google Chrome doesn't insert
// the first hash into the history
window.location.hash = "Again-No-back-button";
window.onhashchange = function(){
window.location.hash = "no-back-button";
}
</script>
其他回答
经历了大多数现有的答案，没有解决方案，工作在chrome。
这个想法是让浏览器在会话历史中向前移动一页，有效地防止使用后退浏览器按钮离开该页。通过调用History.forward()方法，在页面中放置下面的行，可以做到这一点。
window.history.forward();
我在mdn web docs找到了这个解决方案，它在chrome中工作。
这就是我实现它的方法。
奇怪的是，换窗口。在谷歌Chrome和Safari浏览器中，location无法正常工作。
它发生在那个位置。hash不会在Chrome和Safari的历史记录中创建条目。所以你必须使用推力器。
这在所有浏览器中都适用。
history.pushState({ page: 1 }, "title 1", "#nbb");
window.onhashchange = function (event) {
window.location.hash = "nbb";
};
试试这个: 假设有两个页面Page1和Page2, Page1重定向到Page2
为了防止用户使用返回按钮访问Page1，您需要将上面的脚本放在Page1中
$(document).ready(async function (){
history.pushState(null, null, location.href);
window.onpopstate = function () {
history.go(1);
};
})
<html>
<head>
<title>Disable Back Button in Browser - Online Demo</title>
<style type="text/css">
body, input {
font-family: Calibri, Arial;
}
</style>
<script type="text/javascript">
window.history.forward();
function noBack() {
window.history.forward();
}
</script>
</head>
<body onload="noBack();" onpageshow="if (event.persisted) noBack();" onunload="">
<H2>Demo</H2>
<p>This page contains the code to avoid Back button.</p>
<p>Click here to Goto <a href="noback.html">NoBack Page</a></p>
</body>
</html>
在现代浏览器中，这似乎是可行的:
// https://developer.mozilla.org/en-US/docs/Web/API/History_API
let popHandler = () => {
if (confirm('Go back?')) {
window.history.back()
} else {
window.history.forward()
setTimeout(() => {
window.addEventListener('popstate', popHandler, {once: true})
}, 50) // delay needed since the above is an async operation for some reason
}
}
window.addEventListener('popstate', popHandler, {once: true})
window.history.pushState(null,null,null)
