刷新前执行功能

时间:2012-02-16 09:10:04

标签: javascript jquery browser yui page-refresh

在我的HTML页面上,当用户点击/按 F5 按钮时页面刷新,但在刷新之前我想执行一个函数或一个简单的警报。

用户可以点击刷新按钮,按 F5 Ctrl + R

使用核心JavaScript,jQuery或YUI。

4 个答案:

答案 0 :(得分:37)

    window.onbeforeunload = function(event)
    {
        return confirm("Confirm refresh");
    };

答案 1 :(得分:7)

$(window).bind('beforeunload', function(){
    return '>>>>>Before You Go<<<<<<<< \n Your custom message go here';
});

来源:http://www.mkyong.com/jquery/how-to-stop-a-page-from-exit-or-unload-with-jquery/

演示:http://www.mkyong.com/wp-content/uploads/jQuery/jQuery-stop-page-from-exit.html

答案 2 :(得分:2)

$(window).bind("beforeunload", function(){
        return confirm("Do you really want to refresh?"); 
});

答案 3 :(得分:1)

jQuery相关事件是:

$( window ).on('unload', function( event ) {
    console.log('Handler for `unload` called.');
});

非常适合我。