javascript - ページ読み込みキャンセル イベント

Question

ページの読み込み中にメトロスタイルローダーを表示し、ページが読み込まれると非表示にします$('#page-loader').fadeOut();

onbeforeunloadユーザーがリンクをクリックするか、フォームを送信すると、イベントで再び表示されます。この場合、ユーザーは でページを離れることをキャンセルできますがEsc、ローダーを再び非表示にするにはどうすればよいですか?

(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();
        }
    });