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基础教程之数组使用详解
Mar 10 Javascript
iframe的onreadystatechange事件在firefox下的使用
Apr 16 Javascript
使用jQuery UI库开发Web界面的简单入门指引
Apr 22 Javascript
jQuery插件passwordStrength密码强度指标详解
Jun 24 Javascript
简单封装js的dom查询实例代码
Jul 08 Javascript
js日期相关函数dateAdd,dateDiff,dateFormat等介绍
Sep 24 Javascript
H5基于iScroll实现下拉刷新和上拉加载更多
Jul 18 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
React通过redux-persist持久化数据存储的方法示例
Feb 14 Javascript
echarts多条折线图动态分层的实现方法
May 24 Javascript
JavaScript生成一个不重复的ID的方法示例
Sep 16 Javascript
Node中对非阻塞I/O、事件循环的知识点总结
Jan 05 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/03 新手入门
PHP+jquery实时显示网站在线人数的方法
2015/01/04 PHP
PHP图像处理类库MagickWand用法实例分析
2015/05/21 PHP
Laravel中encrypt和decrypt的实现方法
2017/09/24 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
利用js对象弹出一个层
2008/03/26 Javascript
JavaScript 异步调用框架 (Part 4 - 链式调用)
2009/08/04 Javascript
js获取元素到文档区域document的(横向、纵向)坐标的两种方法
2013/05/17 Javascript
gridpanel动态加载数据的实例代码
2013/07/18 Javascript
页面刷新时记住滚动条的位置jquery代码
2014/06/17 Javascript
JavaScript函数参数使用带参数名的方式赋值传入的方法
2015/03/19 Javascript
js焦点文字滚动效果代码分享
2015/08/25 Javascript
浅析微信扫码登录原理(小结)
2018/10/29 Javascript
详解Angular中实现自定义组件的双向绑定的两种方法
2018/11/23 Javascript
如何解决.vue文件url引用文件的问题
2019/01/18 Javascript
vue计算属性computed的使用方法示例
2019/03/13 Javascript
浅谈vue中get请求解决传输数据是数组格式的问题
2020/08/03 Javascript
连接Python程序与MySQL的教程
2015/04/29 Python
在Python的web框架中配置app的教程
2015/04/30 Python
Python3实现爬虫爬取赶集网列表功能【基于request和BeautifulSoup模块】
2018/12/05 Python
python初学者,用python实现基本的学生管理系统(python3)代码实例
2019/04/10 Python
python requests库爬取豆瓣电视剧数据并保存到本地详解
2019/08/10 Python
Python实现线性判别分析(LDA)的MATLAB方式
2019/12/09 Python
将数据集制作成VOC数据集格式的实例
2020/02/17 Python
Pycharm github配置实现过程图解
2020/10/13 Python
Python爬虫模拟登陆哔哩哔哩(bilibili)并突破点选验证码功能
2020/12/21 Python
英国时尚配饰、珠宝和服装网站:KJ Beckett
2020/01/23 全球购物
医学生临床实习自我评价
2014/03/07 职场文书
2014年幼儿园学期工作总结
2014/12/05 职场文书
小学四年级学生评语
2014/12/26 职场文书
二年级上册数学教学计划
2015/01/20 职场文书
婚宴父亲致辞
2015/07/27 职场文书
vue backtop组件的实现完整代码
2021/04/07 Vue.js
python中__slots__节约内存的具体做法
2021/07/04 Python
详解TypeScript的基础类型
2022/02/18 Javascript
SQL Server Agent 服务无法启动
2022/04/20 SQL Server