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

Question

我想在页面上锁定用户。用户至少在单击浏览器的其他选项卡时可以继续其他选项卡或桌面我想向他们显示警告对话框，上面写着 "Are you sure?"

Answer 1

大家好感谢您的帮助

我找到了我需要的代码：

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

然后我在 Button 上调用了这个函数 onClick 事件。之后我将检查用户何时尝试离开页面（alt+f4、alt+tab .. 等）我将显示 "Are you sure for left page "

的警报

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

ReactJS Show alert when user leaves the current browser tab

stack

fullscreen

anti-cheat

reactjs