如何在React中处理浏览器选项卡关闭事件？仅关闭，不刷新

Question

我的目标是当浏览器选项卡关闭时调用函数注销。

有可能吗？我可以在没有刷新情况下处理浏览器选项卡关闭事件吗？

如果我使用beforeunload或unload事件，则当用户刷新页面时会触发函数，我不希望这样，我只想在关闭选项卡时运行。

如何在React Js中做到这一点？

Answer 1

希望这会有所帮助，将其添加到您的componentDidMount中，

window.addEventListener("beforeunload", (ev) => 
{  
    ev.preventDefault();
    return ev.returnValue = 'Are you sure you want to close?';
});

这是Amid用户的一个很好的解释。希望能帮助到你。毫无疑问。