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 相关文章推荐
Javascript Jquery 遍历Json的实现代码
Mar 31 Javascript
jquery无刷新验证邮箱地址实现实例
Feb 19 Javascript
javascript的数组和常用函数详解
May 09 Javascript
javascript实现动态加载CSS
Jan 26 Javascript
Jquery结合HTML5实现文件上传
Jun 25 Javascript
AngularJS入门教程之静态模板详解
Aug 18 Javascript
原生Javascript插件开发实践
Jan 18 Javascript
React 无状态组件(Stateless Component) 与高阶组件
Aug 14 Javascript
layui 监听表格复选框选中值的方法
Aug 15 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
Apr 22 Javascript
el-select数据过多懒加载的解决(loadmore)
May 29 Javascript
vue使用video插件vue-video-player详解
Oct 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中导出数据到excel时数字变为科学计数的解决方法
2013/02/03 PHP
WebQQ最新登陆协议的用法
2014/12/22 PHP
PHP+MySQL实现输入页码跳转到指定页面功能示例
2018/06/01 PHP
PHP实现发送微博消息功能完整示例
2019/12/04 PHP
js加解密 脚本解密
2008/02/22 Javascript
Prototype源码浅析 String部分(二)
2012/01/16 Javascript
JavaScript获取FCK编辑器信息的具体方法
2013/07/12 Javascript
JavaScript简单下拉菜单实例代码
2015/09/07 Javascript
JS实现超简单的仿QQ折叠菜单效果
2015/09/21 Javascript
Ubuntu 16.04 64位中搭建Node.js开发环境教程
2016/10/19 Javascript
浅析location.href跨窗口调用函数
2016/11/22 Javascript
最常见的左侧分类菜单栏jQuery实现代码
2016/11/28 Javascript
ionic+AngularJs实现获取验证码倒计时按钮
2017/04/22 Javascript
JS实现页面打印(整体、局部)
2017/08/18 Javascript
vue弹窗插件实战代码
2018/09/08 Javascript
一文了解vue-router之hash模式和history模式
2019/05/31 Javascript
JS中实现一个下载进度条及播放进度条的代码
2019/06/10 Javascript
javascript头像上传代码实例
2019/09/28 Javascript
[01:34:42]NAVI vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
尝试用最短的Python代码来实现服务器和代理服务器
2016/06/23 Python
浅谈Tensorflow由于版本问题出现的几种错误及解决方法
2018/06/13 Python
Python 字符串与二进制串的相互转换示例
2018/07/23 Python
pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法
2019/08/17 Python
python 实现字符串下标的输出功能
2020/02/13 Python
Python函数__new__及__init__作用及区别解析
2020/08/31 Python
用Python自动清理系统垃圾的实现
2021/01/18 Python
CSS3实现鼠标悬停显示扩展内容
2016/08/24 HTML / CSS
免费获得微软MCSD证书赶快行动吧!
2012/11/13 HTML / CSS
Kangol帽子官网:坎戈尔袋鼠
2018/09/26 全球购物
最新大学生创业计划书写作攻略
2014/04/02 职场文书
爱情保证书大全
2014/04/29 职场文书
学校节能减排方案
2014/06/13 职场文书
2014年学生会部门工作总结
2014/11/07 职场文书
2014年财务人员工作总结
2014/11/11 职场文书
python for循环赋值问题
2021/06/03 Python
TV动画《八十龟酱观察日记》第四季宣传PV公布
2022/04/06 日漫