首页 > 文章 > web前端 > JS监控关闭浏览器操作的实例详解

JS监控关闭浏览器操作的实例详解

韦小宝原创: 2018-01-23 11:08:461490浏览

这篇文章主要介绍了JS监控关闭浏览器操作的实例详解的相关资料,希望通过本大家能帮助到大家，对js感兴趣的朋友可以参考下本篇文章

JS监控关闭浏览器操作的实例详解

需求如下：

用户关闭浏览器通知后台。

方案如下：

1.采用js监控关闭浏览器操作。

2.用户关闭浏览器的时候发ajax请求到后台，执行相应的业务操作

代码如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
 <title> New Document </title> 
 <meta name="Generator" content="EditPlus"> 
 <meta name="Author" content=""> 
 <meta name="Keywords" content=""> 
 <meta name="Description" content=""> 
</head> 
  
<body> 
 <script type="text/javascript"> 
 window.onbeforeunload = onbeforeunload_handler;   
  window.onunload = onunload_handler;   
  function onbeforeunload_handler(){   
    var warning="确认关闭www.someabcd.com?";     
    //你的业务操作。。。。    
    return warning;   
  }   
     
  function onunload_handler(){   
    var warning="谢谢光临www.someabcd.com";  
    //你的业务操作。。。。  
    alert(warning);   
  }   
 </script> 
</body> 
</html>

以上就是本篇文章的所有内容，希望对大家学习提供到帮助！！

JS监控关闭浏览器操作的实例详解

相关文章