页面加载取消事件

时间:2013-02-27 19:24:04

标签: javascript jquery

我在加载页面时显示一个metro风格加载器,然后在加载$('#page-loader').fadeOut();

页面时隐藏它

当用户点击任何链接或提交任何表单时,再次在onbeforeunload事件中显示该信息。在这种情况下,用户可以取消离开Esc的页面,现在我该如何再次隐藏加载程序?

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

1 个答案:

答案 0 :(得分:0)

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