javascript - 当用户尝试退出浏览器时显示弹出窗口(GMail 样式)

Question

当用户试图退出浏览器窗口时，我必须提示他/她。例如，当您转到 GMail 并开始撰写新邮件，然后在保存任何内容之前尝试关闭它时，GMail 会给您一个弹出窗口，内容如下:

Do you really want to exit this page?

然后您可以选择离开页面或留在页面上。所以我感兴趣的是他们是如何做到的，以及当用户按下 Stay on this page 时他们使用了什么技巧(如果有的话)。

Answer 1

为了避免惹恼用户，您可能希望状态可以更改，具体取决于操作是否正在运行。像这样:

window.beforeunload = function(){
  if(isPerformingOperation) {
    return 'Are you sure you want to leave?';
  }
}

当你想提示他们时，将 isPerformingOperation 设置为 true，完成后将其关闭。