javascript - 离开页面确认

Question

我有这段代码，当有人想要按下后退/前进按钮、关闭浏览器并刷新页面时触发...

$(window).bind('beforeunload', function(){
  return 'Are you sure you want to leave?';
});

我不希望它在重新加载同一页面时发出警报，否则没关系。另一件事是我不知道如何捕捉“离开”按钮和“取消”按钮。

需要帮助。谢谢..

Answer 1

您无法知道用户正在导航到哪个页面(您也不应该知道)。

你只能通过设置一个定时回调来知道用户选择了哪个选项:如果你得到回调，用户决定留在页面上；如果没有，你知道他们没有。沿着这些线的东西:

$(window).bind('beforeunload', function(){
  setTimeout(function() {
    // They stayed, maybe
  }, 250);
  return 'Are you sure you want to leave?';
});

但如果出现各种浏览器兼容性问题，我也不会感到惊讶。特别是我会在目标浏览器上仔细测试，尤其是 Firefox。通常这些提示不允许 JavaScript 代码在显示时运行，但是......