web-dev-qa-db-ja.com

更新前に関数を実行する

HTMLページで、ユーザーがクリック/押すと F5 ボタンはページを更新しますが、更新する前に関数または単純なアラートを実行します。

ユーザーは更新ボタンをクリックして押すことができます F5 または Ctrl + R

コアJavaScript、jQueryまたはYUIを使用します。

26
Wasim Shaikh
    window.onbeforeunload = function(event)
    {
        return confirm("Confirm refresh");
    };
40
bang
$(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

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

jQuery関連のイベントは次のとおりです。

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

私には最適です。

1
Roy Shoa