javascript - 如何使用 Javascript 在离开页面之前调用函数

Question

我想在离开页面之前执行一个函数，而不显示仅使用 Javascript 的确认弹出窗口。我尝试过使用下面的代码，但它不起作用，或者使用 onbeforeunload 但它总是显示弹出窗口。

var result = 'test';

if(window.onbeforeunload == true)
{
    result = 'test1';
    alertmess();
}

function alertmess() {
    alert(result);
}

//window.onbeforeunload = function() { 
//  return result; 
//}

Answer 1

您始终可以在离开页面之前调用您的函数。

function myfun(){
     // Write your business logic here
     console.log('hello');
}

卸载前:

window.onbeforeunload = function(){
  myfun();
  return 'Are you sure you want to leave?';
};

或者使用 jQuery:

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

这只会询问用户是否要离开页面，如果他们选择留在页面上，您将无法重定向他们。如果他们选择离开，浏览器将转到他们告诉它去的地方。

您可以在页面卸载之前使用 onunload 执行操作，但无法从那里重定向(Chrome 14+ 会阻止 onunload 内的警报):

window.onunload = function() {
    myfun();
    alert('Bye.');
}

或者使用 jQuery:

$(window).unload(function(){
  myfun();
  alert('Bye.');
});