如何阻止网页在 React 中全屏显示？

Question

我正在尝试创建一个在线考试门户，在考试窗口中，我希望我的用户强制进入全屏模式，并且在考试完成之前不要退出。 我在这里使用Fullscreen API 来实现全屏。

goFullScreen = () => {
    if(document.documentElement.requestFullscreen) {
        document.documentElement.requestFullscreen();        // W3C spec
      }
      else if (document.documentElement.mozRequestFullScreen) {
        document.documentElement.mozRequestFullScreen();     // Firefox
      }
      else if (document.documentElement.webkitRequestFullscreen) {
        document.documentElement.webkitRequestFullscreen();  // Safari
      }
      else if(document.documentElement.msRequestFullscreen) {
        document.documentElement.msRequestFullscreen();      // IE/Edge
      }
}

我基本上是从 W3schools 复制代码。 我想知道如何防止他们退出全屏？我可以在“Esc”按键上返回 false，但还有其他方法。另外，我不希望他们打开开发者窗口（即控制台）。 我应该采用什么方法？？

附：我正在使用 React，如果这很重要的话。

Answer 1

您无法阻止从全屏退出，除非您制作了电子应用程序或您可以访问他们的计算机。

您想要做的事情是侵犯用户的隐私。您可以捕获esc 键，但是，您不能覆盖浏览器。您可以做一件事，抓住esc 键并在esc 键被按下时结束测试。

（我用的是JQuery，你也可以用vanilla JS）

if(document.fullscreenEnabled) {
    // browser is almost certainly fullscreen
    //Execute end test code here
}

如果此答案有帮助，请接受...