"ナビゲーションの確認" alertbox

Question

私は、訪問者がフォームを終了していないときにページを出ようとしているときに警告ボックスを表示する関数を探しています。私は何を意味するかを示すためにイメージをインポートしました。翻訳：title = "ナビゲーションの確認"、content = "このページを残しますか？"、button1 = "このページを残す"、button2 = "このページに留まる"。

たとえば、ある人にPMを終了していないときに、1ページ前に戻る場合は、このアラートボックスを使用します。

は、どのように私はこのような何かを達成することができますか？

ありがとうございます。

Answer 1

フォームフィールドが変更されたときに設定されるフラグと組み合わせてwindow.onbeforeunloadを使用します。

たとえば

：

var changed_flag = 0; // change in an onchange event or whatever, something like the below 

document.getElementById('form_field').onchange = function() { 
    changed_flag = 1; 
}; 

window.onbeforeunload = function() { 
    if (changed_flag) { 
    return 'You have unsubmitted changes.' 
    } 
};