StackOverflowの確認ボックスのような確認ボックスを表示するにはどうすればいいですか？

Question

質問をしたり、質問の本文を編集中に、ページのリンクをクリックしてください。 StackOverflowのスクリプトはあなたがまだ完了していないことを知っていて、未保存のデータが失われていることを警告します。ただし、確認ボックスはjQueryプラグインなどではありません。その確認ボックスは、JavaScriptのconfirmボックスのようなブラウザ固有のボックスであるようです。これを証明するには、単に多くのブラウザで確認してください。異なるUIスタイルが表示されます。

彼らはどのようにしましたか？どのJavaScriptコマンドですか？

Answer 1

onbeforeunload JavaScriptイベントがあなたが探しているイベントです。この時

Answer 2

ルック： http://www.w3schools.com/js/js_popup.asp

確認ボックス

Answer 3

ページは「編集」であるときを知ることグローバルフラグを設定しようとした後、onbeforeunloadイベントを使用に関するセクション

window.onbeforeunload = function(){ return globalEditingFlag ? 'You are editing': null }