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

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

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

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

最佳答案

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

您可以显示以下消息:

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

希望这可以帮助。

09-19 10:28