ユーザーがブラウザを終了しようとしたときにポップアップ表示する（GMailスタイル）

Question

ブラウザウィンドウを終了しようとすると、ユーザーにプロンプ​​トを出さなければなりません。たとえば、Gmailに行って新しいメッセージを作成してから何かを保存する前に閉じようとすると、Gmailは次のようなポップアップを表示します：

本当にこのページを終了しますか？ ？

のいずれかを選択して、ページを離れるか、そのままにするかを選択できます。だから私が興味を持っているのは、ユーザーがStay on this pageを押したときに、彼らがどのようにしてどのようなトリックを使用したか（もしあれば）です。

Answer 1

onbeforeunloadに関数をバインドします。

window.onbeforeunload = function(){ 
    return 'Are you sure you want to leave?'; 
}; 

すべてのブラウザ（IE 8、FF 3.6、Chrome 9でテスト済み）で動作するはずです。

またはjQueryを使って：

$(window).bind('beforeunload', function(){ 
    return 'Are you sure you want to leave?'; 
}); 

Answer 2

迷惑なユーザーを避けるために、あなたはおそらく操作が実行されている場合に応じて、変更可能に状態を持っているしたいと思います。このような何か：

window.beforeunload = function(){ 
    if(isPerformingOperation) { 
    return 'Are you sure you want to leave?'; 
    } 
} 

、trueに設定さisPerformingOperationあなたがそれらを要求し、作業が完了したときに、それをオフにしたいです。