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?';
});

希望这有帮助。