我正在用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值中获取考试的持续时间。计时器随之启动，但当我输入禁用后退按钮的代码时，它就停止了。我有什么问题?
当前回答
它基本上是分配窗口的“onbeforeunload”事件以及正在进行的文档“mouseenter”/“mouseleave”事件，因此警报只在单击超出文档范围时触发(然后可以是浏览器的后退或前进按钮)
美元(文档)。On ('mouseenter'，函数(e) { 窗口。Onbeforeunload = null; ｝ ); 美元(文档)。On ('mouseleave'，函数(e) { 窗口。onbeforeunload = function(){返回"你的工作将会丢失";}; ｝ );
其他回答
它基本上是分配窗口的“onbeforeunload”事件以及正在进行的文档“mouseenter”/“mouseleave”事件，因此警报只在单击超出文档范围时触发(然后可以是浏览器的后退或前进按钮)
美元(文档)。On ('mouseenter'，函数(e) { 窗口。Onbeforeunload = null; ｝ ); 美元(文档)。On ('mouseleave'，函数(e) { 窗口。onbeforeunload = function(){返回"你的工作将会丢失";}; ｝ );
在Chrome 79中，被点赞最多的答案没有一个对我有效。看起来Chrome在75版之后改变了后退按钮的行为。在这里看到的:
https://support.google.com/chrome/thread/8721521?hl=en
然而，在谷歌的帖子中，Azrulmukmin Azmi在最后提供的答案确实起作用了。这是他的解。
<script>
history.pushState(null, document.title, location.href);
history.back();
history.forward();
window.onpopstate = function () {
history.go(1);
};
</script>
Chrome的问题是它不会触发onpopstate事件 除非你做出浏览器动作(即调用history.back)。这就是为什么 我已经将这些添加到脚本中。
我不完全明白他写了什么，但显然现在需要一个额外的history.back() / history.forward()来阻止Chrome 75+中的返回。
这似乎在禁用浏览器上的后退按钮，以及退格键带你回到工作。
history.pushState(null, null, $(location).attr('href'));
window.addEventListener('popstate', function () {
history.pushState(null, null, $(location).attr('href'));
});
你可以放一个小脚本，然后检查。它将不允许您访问前一页。
这是用JavaScript完成的。
<script type="text/javascript">
function preventbackbutton() { window.history.forward(); }
setTimeout("preventbackbutton()", 0);
window.onunload = function () { null };
</script>
窗外。Onunload函数当您试图通过浏览器访问返回或上一页时触发。
试试这个: 假设有两个页面Page1和Page2, Page1重定向到Page2
为了防止用户使用返回按钮访问Page1，您需要将上面的脚本放在Page1中
$(document).ready(async function (){
history.pushState(null, null, location.href);
window.onpopstate = function () {
history.go(1);
};
})
