Reactjs 浏览器选项卡(Browser Tab)关闭事件

handleWindowClose(){
    alert("Alerted Browser Close");
},
componentDidMount: function() {
    window.addEventListener('onbeforeunload', this.handleWindowClose);
},

componentWillUnmount: function() {
    window.removeEventListener('onbeforeunload', this.handleWindowClose);
}

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

Reactjs相关问答推荐

客户端组件中服务器组件的两难境地

如何使用Reducer更新全局变量

使用Thattle和Use Effect setTimeout进行搜索有什么不同

无法在主组件的返回语句中呈现预期组件

捕获表单数据时的Reactjs问题

React Router：在没有手动页面刷新的情况下，路由不会更新内容

当useEffect和onClick处理程序都调用useCallback函数时，有没有办法对useEffect产生额外的影响？

如何使我的代码可以接受我想要的每一个链接

GitHub页面未正确显示Reaction应用程序网站

React redux 工具包 useGetFilterProductsQuery 和 useGetFilterProductsByCategoriesQuery 未定义为函数

我发送的 prop 的值不会改变.如果成功登录，导航栏中的 prop 必须为 true.我从后端得到 200 ok

React Router 6 点击链接在 React 18 应用中打开 flickr 页面

onChange in useEffect 的最佳实践

使用登录保护 React 中的 SPA 应用程序 - 为什么这种方法不起作用？

Formik onChange() 字段挂钩覆盖显示值和 Select 机制

Cypress - 替换 React 项目中的变量

如何在props 更改时运行自定义挂钩？

如何使用 React Router 在 React 中正确同步 useEffect 和 useLocation 挂钩？

设置 Material UI 表格默认排序

如何在 v6.4 中将 Auth0 提供程序与新的 createBrowsereRouter 一起使用？