小编典典

Reactjs浏览器选项卡关闭事件

reactjs

嗨,我想知道如何在浏览器选项卡关闭时提示消息。我正在使用Reactjs。

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

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

这是我尝试添加到我的react组件中的内容。请指导我如何继续进行。


阅读 1494

收藏
2020-07-22

共1个答案

小编典典

除了事件名称和警报将在该特定事件中阻止这一事实之外,您所做的都是正确的。

您可以显示如下消息:

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

希望这可以帮助。

2020-07-22