ReactJS：如何识别浏览器选项卡是否已关闭？答案

【问题标题】：ReactJS: How to recognize if a browser tab has been closed?ReactJS：如何识别浏览器选项卡是否已关闭？
【发布时间】：2016-11-11 13:17:01
【问题描述】：

在使用 ReactJS (Javascript + HTML (JSX)) 构建的网站上时，如果网站所在的选项卡被用户关闭/删除，我想触发一个功能。

是否可以识别浏览该网站的浏览器选项卡是否关闭？如果是这样，我该如何在Javascript中这样做？

谢谢

【问题讨论】：

【解决方案1】：

这是不可能的

但是，您可以触发关闭标签的确认

window.onbeforeunload = function (e) {
    e = e || window.event;
    if (e) {
        e.returnValue = 'Sure?';
    }
    return 'Sure?';
}

【讨论】：

onbeforeunload 有点问题。首先，如果你在没有充分理由的情况下试图阻止我，我会很不高兴。其次，它无法启动（或保证）异步操作完成。
@user2864740 是的。这种用户体验既有优点也有缺点。对于像 stackoverflow 这样的内容感知应用程序，使用它来确保用户不会丢失他们的内容（当他们回答或提问时）。在这些情况下，我认为它们很有帮助。
@PraneshRavi 为什么某些网站能够在标签页关闭时触发用户注销？
那是session。阅读user session
@PraneshRavi 有没有特别适合 ReactJS 的，你可以参考我吗？但是当浏览器关闭选项卡时，应用程序不是以某种方式识别它并删除会话吗？