Reactjs浏览器选项卡关闭事件

Question

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

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

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

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

Answer 1

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

您可以显示如下消息：

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

希望这可以帮助。