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


Posted in Javascript onSeptember 12, 2017

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>

如有疑问请留言或到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
Nov 14 Javascript
jQuery链式操作如何实现以及为什么要用链式操作
Jan 17 Javascript
解决Extjs4中form表单提交后无法进入success函数问题
Nov 26 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
Feb 28 Javascript
js判断某个方法是否存在实例代码
Jan 10 Javascript
javascript模拟C#格式化字符串
Aug 26 Javascript
基于javascript实现tab切换特效
Mar 29 Javascript
JS获取字符串实际长度(包含汉字)的简单方法
Aug 11 Javascript
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
解析vue data不可以使用箭头函数问题
Jul 03 Javascript
VUE2.0 ElementUI2.0表格el-table自适应高度的实现方法
Nov 28 Javascript
ES6新增的数组知识实例小结
May 23 Javascript
详解angular笔记路由之angular-router
Sep 12 #Javascript
jQuery实现用户信息表格的添加和删除功能
Sep 12 #jQuery
vue引入jq插件的实例讲解
Sep 12 #Javascript
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 #jQuery
BootStrap实现文件上传并带有进度条效果
Sep 11 #Javascript
详解关于react-redux中的connect用法介绍及原理解析
Sep 11 #Javascript
详解使用Vue Router导航钩子与Vuex来实现后退状态保存
Sep 11 #Javascript
You might like
一步一步学习PHP(4) php 函数 补充2
2010/02/15 PHP
yii2 数据库读写分离配置示例
2017/02/10 PHP
PHP中quotemeta()函数的用法讲解
2019/04/04 PHP
PHP获取类私有属性的3种方法
2020/09/10 PHP
由document.body和document.documentElement想到的
2009/04/13 Javascript
JQuery在光标位置插入内容的实现代码
2010/06/18 Javascript
Js 冒泡事件阻止实现代码
2013/01/27 Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
2014/01/09 Javascript
js模拟hashtable的简单实例
2014/03/06 Javascript
关于JavaScript对象的动态选择及遍历对象
2014/03/10 Javascript
jquery通过visible来判断标签是否显示或隐藏
2014/05/08 Javascript
JQuery动画animate的stop方法使用详解
2014/05/09 Javascript
JavaScript中对象属性的添加和删除示例
2014/05/12 Javascript
jQuery+css实现的换页标签栏效果
2016/01/27 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
2016/01/28 Javascript
JavaScript实战之带收放动画效果的导航菜单
2016/08/16 Javascript
AngularJs concepts详解及示例代码
2016/09/01 Javascript
JS中substring与substr的用法
2016/11/16 Javascript
Nodejs进阶:核心模块net入门学习与实例讲解
2016/11/21 NodeJs
基于jQuery解决ios10以上版本缩放问题
2017/11/03 jQuery
五步轻松实现JavaScript HTML时钟效果
2020/03/25 Javascript
vue.js开发实现全局调用的MessageBox组件实例代码
2017/11/22 Javascript
react-router4 配合webpack require.ensure 实现异步加载的示例
2018/01/18 Javascript
ES6基础之解构赋值(destructuring assignment)
2019/02/21 Javascript
基于JavaScript实现单例模式
2019/10/30 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
2019/12/20 jQuery
vue axios封装httpjs,接口公用配置拦截操作
2020/08/11 Javascript
[47:50]Secret vs VP 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python通过websocket与js客户端通信示例分析
2014/06/25 Python
Python爬虫使用bs4方法实现数据解析
2020/08/25 Python
几个CSS3的flex弹性盒模型布局的简单例子演示
2016/05/12 HTML / CSS
夜大毕业生自我评价分享
2013/11/10 职场文书
祖国在我心中演讲稿(小学生)
2014/09/23 职场文书
劳动争议和解协议书范本
2014/11/20 职场文书
关于上班时间调整的通知
2015/04/23 职场文书
早会开场白台词大全
2015/06/01 职场文书