Reactjs浏览器选项卡关闭事件

  • Z时代
  • 2024-01-10
  • 分类：问答

嗨，我想知道如何在浏览器选项卡关闭时提示消息。我正在使用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?';
});

希望这可以帮助。

以上是 Reactjs浏览器选项卡关闭事件 的全部内容， 来源链接： utcz.com/qa/433955.html

回到顶部