ユーザーがjQueryでページを変更できないようにする方法

Question

私は、ajaxSubmit（）を介して送信するフォームのページを持っています（ページを変更せずに）。

私の目標は、ユーザーがページを変更しようとすると、ブラウザを閉じようとしても、実際にフォームを送信せずにページを終了するかどうかを尋ねる（gmailのように）。

たとえば、Gmailではwindow.confirmのようなポップアップを使用しますが、可能であればカスタムメッセージとオプションで処理したいと思います。

jQueryのは、unloadイベントがあります。

$(window).unload(function() { alert("Bye now!"); }); 

をそれは私がちょうど終了ページの前に何かをすることが可能。ユーザーが相対ボタンをクリックすると、ページ終了を「ブロック」する必要があります。

したがって、ページ終了イベントを処理（およびキャンセル）する方法はありますか？

Answer 1

下記を試してください。デモhere

<script type="text/javascript"> 

     function unloadPage(){ 
      return "dont leave me this way"; 
     } 

     window.onbeforeunload = unloadPage; 

</script> 

Answer 2

ことが可能バインドはjQueryを使って "onbeforeunload" イベントです：

$(window).bind('beforeunload', function(e) { 
    return "ATTENZIONE!!"; 
}); 

それは動作します！