window关闭事件给提示JavaScript捕获窗口关闭事件

window关闭事件给提示JavaScript捕获窗口关闭事件

工作中遇到有这样的情景，要在浏览器窗口关闭的时候，提示用户某种操作。
类似在关闭窗口时，提示用户保存当前内容，选择是则保存并关闭窗口，选择否则不关闭窗口，也不做保存操作。

网上找了很多，都是说用js处理window关闭事件的，要么说onbeforeunload 方法，要么说onunload 方法。
感觉都不能实现。后来突然想到这样的办法：用这两个方法一起来实现！

原因:
 onbeforeunload 事件将会在关闭窗口前执行，你也可以用户决定是否关闭窗口,这个方法只要有返回值并且不是""或null;他就会出一个提示窗口（对ie，firefox没有试过）。
 单用这一个方法不能实现上面说的出提示，选择“是”，然后做保存动作的。

且不为空返回值会做为提示是否关闭本窗口的内容提示。
onunload 是在关闭窗口之后执行，不是在关闭窗口之前执行。在这方法里不管做了什么，最后窗口都会关闭。


现在将这两个方法合起来，就正好实现了我们的需求，第一个方法出提示，第二个方法实现选择“是”后的动作：即保存数据。


这里给出示例代码，不考虑刷新的问题。

var isSave  = false ;
function save(){
    // do something
}
window.onbeforeunload  =  function()  {

   if ( ! isSave){
      return   " 当前数据还没有保存，关闭或刷新窗口会自动 保存数据 ，是否继续? " ;
  } else {
      return   "" ;
  }
}
window.onunload  =  function()  { 
   if ( ! isSave){
    save();
  }
}