用于保存页面上的修改的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。

Answer 2

此弹出窗口是一个“警报弹出窗口”。

你可以用alert()函数显示一个简单的函数。

或者使用带有confirm()功能的确认/取消。

你可以在https://www.w3schools.com/js/js_popup.asp上找到更多信息(在警报弹出窗口和一般的js )