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

Question

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

你真的想退出这个页面吗？

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

Answer 1

为了避免烦人的用户,您可能希望状态可以更改,具体取决于操作是否正在运行.像这样的东西:

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

isPerformingOperation如果要提示它们,请设置为true,并在完成后将其关闭.