beforeunload 事件后的页面重定向不正确

Question

我有一个链接logout，它重定向到login.jsp。现在，假设我的 URL 是http://localhost/path1/path2/login.jsp。在beforeunload 被触发并单击leave page 后，页面重定向到http://localhost/path1/login.jsp。我不明白事件beforeunload 和实际页面重定向之间发生了什么。请参阅下面的代码

ma​​in.js

$(function(){
 $(window).bind("beforeunload", function(event) {
    if (hasChanges) {
     return "There are modifications, Are you sure?";
    }
 });

 $("#linkLogout").click(function(){
   //do something to backend
   postThis()
   window.location = "login.jsp";
 })
});

另外，我还测试了一个没有 midification 的场景，意思是上面代码中的hasChanges 是false。 window.location 正确重定向。

注意

1. 请假设以上代码是旧代码
2. 这只发生在 Firefox 浏览器上，令人惊讶的是它适用于 Edge 和 IE

更新

postThis 在其定义中执行 form.submit() 到 /path/backend。如果我的知识是正确的，执行表单 submit() 会对当前页面做一些事情。

Answer 1

试试这个对所有人都有效

window.onbeforeunload = function (e) {
  var e = e || window.event;

  // For IE and Firefox
  if (e) {
    e.returnValue = 'Any string';
  }

  // For Safari
  return 'Any string';
};

参考this