我正在用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值中获取考试的持续时间。计时器随之启动，但当我输入禁用后退按钮的代码时，它就停止了。我有什么问题?
当前回答
这就是我实现它的方法。
奇怪的是，换窗口。在谷歌Chrome和Safari浏览器中，location无法正常工作。
它发生在那个位置。hash不会在Chrome和Safari的历史记录中创建条目。所以你必须使用推力器。
这在所有浏览器中都适用。
history.pushState({ page: 1 }, "title 1", "#nbb");
window.onhashchange = function (event) {
window.location.hash = "nbb";
};
其他回答
<script src="~/main.js" type="text/javascript"></script>
<script type="text/javascript">
window.history.forward();
function noBack() {
window.history.forward();
}
</script>
如果你使用React，你可以使用NPM模块:use-history-back-trap。这是一个自定义的React钩子，它拦截向后导航，并允许在需要时恢复它。
用法超级简单:
const SomeFunctionalReactComponent = () => {
useHistoryBackTrap(approveNavigation)
// ...
}
其中approveNavigation是你的函数，当你想继续向后导航时，它返回true(或Promise)。
如何阻止反向功能:
历史。pushState(null, null, location.href); 窗口。Onpopstate = function () { history.go (1); };
这段代码是完整的javascript。 把这个放在你的主页或者其他你需要的地方当有人返回时，它会把他们带到他们之前所在的页面。
<script type="text/javascript">
function preventBack() {
window.history.forward();
}
setTimeout("preventBack()", 0);
window.onunload = function () { null };
</script>
轻松尝试一下:
history.pushState(null, null, document.title);
window.addEventListener('popstate', function () {
history.pushState(null, null, document.title);
});
