頁面加載取消事件

Question

我顯示Metro風格的裝載機，而頁面加載，然後隱藏它，當加載頁面$('#page-loader').fadeOut();

再次顯示它onbeforeunload事件，當用戶點擊任何鏈接或提交任何形式的。在這種情況下，用戶可以用Esc取消離開頁面，現在我怎樣才能再次隱藏loader？

(function($) { 
    $(window).load(function() { 
     $('#page-loader').fadeOut(); 
    }); 
    window.onbeforeunload = function() { 
     $('#page-loader').fadeIn(); 
    }; 
})(jQuery); 

Answer 1

$(document).keyup(function(e) { 
     if(e.which == 27){ 
      $('#page-loader').fadeOut(); 
     } 
    });