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控制TR显示隐藏的三种常用方法
Aug 21 Javascript
JavaScript中的全局对象介绍
Jan 01 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
Sep 17 Javascript
去除字符串左右两边的空格(实现代码)
May 12 Javascript
jQuery.Callbacks()回调函数队列用法详解
Jun 14 Javascript
CSS3 3D 技术手把手教你玩转
Sep 02 Javascript
Javascript的this用法
Jan 16 Javascript
JS中cookie的使用及缺点讲解
May 13 Javascript
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
Jun 23 Javascript
使用DataTable插件实现异步加载数据
Nov 19 Javascript
vue-mugen-scroll组件实现pc端滚动刷新
Aug 16 Javascript
javascript中layim之查找好友查找群组
Feb 06 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
中国第一家无线电行
2021/03/01 无线电
牡丹941资料
2021/03/01 无线电
S900/ ETON E1-XM 收音机
2021/03/02 无线电
在PHP的图形函数中显示汉字
2006/10/09 PHP
php XPath对XML文件查找及修改实现代码
2011/07/27 PHP
PHP中使用FFMPEG获取视频缩略图和视频总时长实例
2014/05/04 PHP
CI框架中zip类应用示例
2014/06/17 PHP
PHP+MySQL修改记录的方法
2015/01/21 PHP
PHP使用逆波兰式计算工资的方法
2015/07/29 PHP
php文件上传你必须知道的几点
2015/10/20 PHP
PHP实现Unicode编码相互转换的方法示例
2020/11/17 PHP
Prototype Function对象 学习
2009/07/12 Javascript
Array, Array Constructor, for in loop, typeof, instanceOf
2011/09/13 Javascript
给页面渲染时间加速 干掉Dom Level 0 Event
2012/12/19 Javascript
javascript获取下拉列表框当中的文本值示例代码
2013/07/31 Javascript
jquery固定底网站底部菜单效果
2013/08/13 Javascript
JavaScript验证电子邮箱的函数
2014/08/22 Javascript
JavaScript中的bold()方法使用详解
2015/06/08 Javascript
JS实现简单的星期格式转换功能示例
2018/07/23 Javascript
layui 优化button按钮和弹出框的方法
2018/08/15 Javascript
angular1.x ui-route传参的三种写法小结
2018/08/31 Javascript
javascript动态创建对象的属性详解
2018/11/07 Javascript
微信小程序 setData 对 data数据影响问题
2019/04/18 Javascript
vue 获取视频时长的实例代码
2019/08/20 Javascript
微信小程序之下拉列表实现方法解析(附完整源码)
2019/08/23 Javascript
[04:29]2016国际邀请赛中国区预选赛Ehome战队教练采访
2016/06/27 DOTA
python初学者,用python实现基本的学生管理系统(python3)代码实例
2019/04/10 Python
Python玩转PDF的各种骚操作
2019/05/06 Python
Python爬虫之Selenium中frame/iframe表单嵌套页面
2020/12/04 Python
Philosophy美国官网:美国美容品牌
2016/08/15 全球购物
美国渔具店:FishUSA
2019/08/07 全球购物
教师自我剖析材料
2014/09/29 职场文书
售票员岗位职责
2015/02/15 职场文书
《一面五星红旗》教学反思
2016/02/23 职场文书
写作之关于描写老人的好段摘抄
2019/11/14 职场文书
SpringBoot2零基础到精通之数据与页面响应
2022/03/22 Java/Android