web-dev-qa-db-ja.com

Jqueryはウィンドウが閉じるのを防ぎます

Googleドキュメントの場合と同じように、閉じるボタンをクリックしたときに、本当にページを離れたいかどうかをユーザーに尋ねたいと思います。 jqueryを使用してそれを行う方法は?

21
Vetragon

ウィンドウのonbeforeunloadプロパティを関数に設定します。

この投稿にはそれを行う方法の良い例があります。

または別の例:

<script language="JavaScript">
  var needToConfirm = true;

  window.onbeforeunload = confirmExit;
  function confirmExit()
  {
    if (needToConfirm)
      //return message to display in dialog box;
  }
</script>

...

<input type="Submit" value="Save" onclick="needToConfirm = false;" />


フォームにneedToConfirmを設定するには、次のことができます。

$(document).ready(function() { 
    $(':input', document.myForm).bind("change", function() { needToConfirm = true; }); // Prevent accidental navigation away
});
29
Prody

以下は私のために働いた。

 $(window).unload(function() {
                if(event.clientY < 0) {
                    //do whatever you want when closing the window..
                }
            });
3