JavaScript 弹出窗口保存页面上的修改

Question

当我修改电子邮件并想要离开该页面时，Gmail 会发送一个弹出窗口，其中包含一条消息“您所做的更改可能不会保存”，并带有两个按钮“离开”和“取消”。

我应该如何在javascript中制作这样的弹出窗口？我将弹出窗口的示例放在下面。抱歉，我对 JS 一无所知。

Answer 1

您可以通过为window的beforeunload事件添加监听器来实现所需的结果。以下是来自 MDN 的示例:

window.addEventListener('beforeunload', function (e) {
  // Cancel the event
  e.preventDefault();
  // Chrome requires returnValue to be set
  e.returnValue = '';
});

要测试上面的代码，请将其运行到浏览器控制台并尝试关闭浏览器选项卡。

有关更详细的指南，请查看 MDN article .