【jQuery】ページ移動やブラウザを閉じる前にダイアログを出す

ダイアログの出し方

beforeunload関数は、ページ移動を行おうとした場合やタブ・ウィンドウを閉じようとしたときにダイアログを表示します。

$(window).on("beforeunload",function(e){
    return "任意のメッセージ";
});

ダイアログの見え方

ブラウザデフォルトのダイアログが表示されます。任意のメッセージを表示することができますが、ボタンの文言を変更することはできません。

Chromeの場合

見た目はブラウザごとに異なります。

IEの場合

ブラウザの閉じるボタンをキャンセルするにはbeforeunloadを使うしかないので、見た目がそろっていないことには目をつぶりましょう。