ReactJS 在用户离开当前浏览器选项卡时显示警报答案

【问题标题】：ReactJS Show alert when user leaves the current browser tabReactJS 在用户离开当前浏览器选项卡时显示警报
【发布时间】：2019-12-24 16:17:16
【问题描述】：

我想锁定页面上的用户。用户至少可以在单击浏览器的其他选项卡时转到其他选项卡或桌面我想向他们显示警告对话框，上面写着“你确定吗？”

【问题讨论】：

您是否尝试在单独的 iframe 中加载您的页面？
你为什么要这样做？如果你试图对我拉屎，我会关闭你的页面并且永远不会回来。
我正在尝试建立考试网站，这就是我想将您锁定在页面上的原因。当您尝试外出时，它会提交您的答案，您不会再回来
您不能阻止用户使用他们的浏览器。如果你想做这样的事情，你需要一个独立的应用程序。

标签： reactjs stack fullscreen anti-cheat

【解决方案1】：

大家好，感谢您的帮助

我找到了我需要的代码：

  requestFullscreen = () => {
    if (!document.fullscreenElement) {
      document.documentElement.requestFullscreen();
    } else if (document.exitFullscreen) {
      document.exitFullscreen();
    }
  };

然后我在 Button 上调用了这个函数 onClick 事件。之后我会检查用户何时尝试离开页面（alt+f4、alt+tab .. 等）我会显示“你确定离开页面”的警报

【讨论】：