jQueryを使ってページを終了またはアンロードする方法

jQueryを使用してページの終了またはアンロードを停止する方法

ページが終了またはアンロードされると、「unload」イベントがアクティブになりますが、このイベントでページの終了を停止することはできません。

$(window).bind('unload', function(){});

jQuery 1.4以降、 ‘beforeunload‘イベントを$(windows)オブジェクトにバインドして、ページの終了、アンロード、または移動を停止できます。

$(window).bind('beforeunload', function(){
    return '';
});

'beforeunload'イベントが添付されている場合、ページを閉じるか、戻るボタンを押すか、ページをリロードすると、本当に行きたいかどうかを尋ねる確認ボックスが表示されます。[OK]を選択してページを終了します。キャンセルしてページの終了を停止し、同じページにとどまります。

さらに、確認ボックス内に独自のメッセージを追加できます。

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

P.S The 'beforeunload' event is supported since jQuery 1.4

自分で試してください



Refresh a page in jQuery







Stop a page from exit with jQuery