jQuery防止窗口关闭答案

【问题标题】：Jquery prevent window closingjQuery防止窗口关闭
【发布时间】：2010-12-06 14:57:38
【问题描述】：

我想问用户他是否真的想离开页面，当他点击关闭按钮时，就像在谷歌文档中所做的那样。如何使用 jquery 做到这一点？

【问题讨论】：

【解决方案1】：

您将窗口的onbeforeunload 属性设置为一个函数。

This post has a good example on how to do it.

或者另一个例子：

<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
});

【讨论】：

【解决方案2】：

以下对我有用；

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

【讨论】：

我认为'beforeunload'事件对于询问用户是否要保存他的更改更有用：$(window).bind('beforeunload', function() { ... });
啊！看起来这种情况在过去几年发生了变化......所以在 2011 年它可能仍然有效。