我正在用 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 值中获取考试的持续时间。计时器相应地启动，但是当我输入禁用后退按钮的代码时它会停止。我的问题是什么？
禁用后退按钮不起作用的原因有很多。最好的办法是警告用户：
window.onbeforeunload = function() { return "Your work will be lost."; };
此页面确实列出了许多您可以尝试禁用后退按钮的方法，但不能保证：
覆盖网络浏览器的默认行为通常是一个坏主意。出于安全原因，客户端脚本没有足够的权限来执行此操作。
也有人问过类似的问题，
您实际上无法禁用浏览器后退按钮。但是，您可以使用您的逻辑来阻止用户导航回来，这会产生一种像被禁用的印象。这是如何 - 查看以下代码段。
(function (global) {
if(typeof (global) === "undefined") {
throw new Error("window is undefined");
}
var _hash = "!";
var noBackPlease = function () {
global.location.href += "#";
// Making sure we have the fruit available for juice (^__^)
global.setTimeout(function () {
global.location.href += "!";
}, 50);
};
global.onhashchange = function () {
if (global.location.hash !== _hash) {
global.location.hash = _hash;
}
};
global.onload = function () {
noBackPlease();
// Disables backspace on page except on input fields and textarea..
document.body.onkeydown = function (e) {
var elm = e.target.nodeName.toLowerCase();
if (e.which === 8 && (elm !== 'input' && elm !== 'textarea')) {
e.preventDefault();
}
// Stopping the event bubbling up the DOM tree...
e.stopPropagation();
};
}
})(window);
这是在纯 JavaScript 中编写的，因此可以在大多数浏览器中使用。它还会禁用退格键，但该键将在input字段和textarea.
将此代码段放在单独的脚本中，并将其包含在您想要此行为的页面上。在当前设置中，它将执行onloadDOM 事件，这是此代码的理想入口点。
它在以下浏览器中进行了测试和验证，
我遇到了这个问题，需要一个在各种浏览器（包括 Mobile Safari（发布时为 iOS 9）上都能正常运行且“很好”）的解决方案。没有一个解决方案是完全正确的。我提供以下内容（在 Internet Explorer 11、Firefox、Chrome 和 Safari 上测试）：
history.pushState(null, document.title, location.href);
window.addEventListener('popstate', function (event)
{
history.pushState(null, document.title, location.href);
});
请注意以下事项：
history.forward()（我的旧解决方案）在 Mobile Safari 上不起作用 --- 它似乎什么都不做（即，用户仍然可以返回）。history.pushState()确实适用于所有这些。history.pushState()是一个url。传递类似'no-back-button'或'pagename'似乎工作正常的字符串的解决方案，直到您尝试在页面上刷新/重新加载，此时当浏览器尝试使用该页面作为其 URL 定位页面时，会生成“找不到页面”错误。（浏览器也可能在页面上的地址栏中包含该字符串，这很丑陋。）location.href应该用于 URL。history.pushState()是标题。环顾网络，大多数地方都说它“未使用”，这里的所有解决方案都是null如此。但是，至少在 Mobile Safari 中，这会将页面的 URL 放入用户可以访问的历史记录下拉列表中。但是当它正常为页面访问添加条目时，它会放入其title，这是可取的。因此，通过document.title它会导致相同的行为。<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>
用于限制浏览器返回事件：
window.history.pushState(null, "", window.location.href);
window.onpopstate = function () {
window.history.pushState(null, "", window.location.href);
};