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 validation插件表单验证的一个例子
Mar 03 Javascript
jquery 学习之二 属性(类)
Nov 25 Javascript
JS中操作JSON总结
Dec 06 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
May 03 Javascript
纯JS前端实现分页代码
Jun 21 Javascript
Node学习记录之cluster模块
May 31 Javascript
vue webuploader 文件上传组件开发
Sep 23 Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
Mar 05 Javascript
r.js来合并压缩css文件的示例
Apr 26 Javascript
解决vue-router在同一个路由下切换,取不到变化的路由参数问题
Sep 01 Javascript
jQuery实现简单轮播图效果
Dec 27 jQuery
JavaScript小技巧带你提升你的代码技能
Sep 15 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
require(),include(),require_once()和include_once()的异同
2007/01/02 PHP
php中设置index.php文件为只读的方法
2013/02/06 PHP
PHP时间戳 strtotime()使用方法和技巧
2013/10/29 PHP
php中fgetcsv()函数用法实例
2014/11/28 PHP
详解PHP中websocket的使用方法
2016/09/15 PHP
JS自定义功能函数实现动态添加网址参数修改网址参数值
2013/08/02 Javascript
js中的getAttribute方法使用示例
2014/08/01 Javascript
Bootstrap每天必学之栅格系统(布局)
2015/11/25 Javascript
Bootstrap实现响应式导航栏效果
2015/12/28 Javascript
JavaScript中值类型和引用类型的区别
2017/02/23 Javascript
jquery中绑定事件的异同
2017/02/28 Javascript
vue组件实现文字居中对齐的方法
2017/08/23 Javascript
浅谈Node.js之异步流控制
2017/10/25 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
2017/10/25 Javascript
JS实现显示当前日期的实例代码
2018/07/03 Javascript
微信小程序 MinUI组件库系列之badge徽章组件示例
2018/08/20 Javascript
javascript实现小型区块链功能
2019/04/03 Javascript
node基于async/await对mysql进行封装
2019/06/20 Javascript
js设置鼠标悬停改变背景色实现详解
2019/06/26 Javascript
vue项目部署到nginx/tomcat服务器的实现
2019/08/26 Javascript
vue中input的v-model清空操作
2019/09/06 Javascript
[01:38]DOTA2第二届亚洲邀请赛中国区预选赛出线战队晋级之路
2017/01/17 DOTA
Python的Django框架安装全攻略
2015/07/15 Python
Python基于列表模拟堆栈和队列功能示例
2018/01/05 Python
Python和Java进行DES加密和解密的实例
2018/01/09 Python
python 将json数据提取转化为txt的方法
2018/10/26 Python
Python基于爬虫实现全网搜索并下载音乐
2021/02/14 Python
Java和Javasciprt的区别
2012/09/02 面试题
.TTL是什么?有什么用处,通常那些工具会用到它?(ping? traceroute? ifconfig? netstat?)
2016/05/09 面试题
卫校护理专业毕业生求职信
2013/11/26 职场文书
委托书模板
2014/04/04 职场文书
铣床操作工岗位职责
2014/06/13 职场文书
优秀党员学习焦裕禄精神思想汇报范文
2014/09/10 职场文书
网络营销计划
2015/01/17 职场文书
js前端图片加载异常兜底方案
2022/06/21 Javascript
鸿蒙3.0体验感怎么样? 鸿蒙3.0系统评测向
2022/08/14 数码科技