Jquery阻止窗口关闭

Question

我想询问用户他是否真的要离开页面,当他点击关闭按钮就像在谷歌文档中完成一样.如何使用jquery做到这一点？

Answer 1

您将窗口的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
});