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-Mozilla和IE中的一个函数直接量的问题分析
Aug 12 Javascript
兼容IE与firefox火狐的回车事件(js与jquery)
Oct 20 Javascript
showModelDialog弹出文件下载窗口的使用示例
Nov 19 Javascript
移动节点的jquery代码
Jan 13 Javascript
js四舍五入数学函数round使用实例
May 09 Javascript
js控制鼠标事件移动及移出效果显示
Oct 19 Javascript
谈一谈bootstrap响应式布局
May 23 Javascript
从0开始学Vue
Oct 27 Javascript
原生js实现addclass,removeclass,toggleclasss实例
Nov 24 Javascript
react-native 完整实现登录功能的示例代码
Sep 11 Javascript
json字符串传到前台input的方法
Aug 06 Javascript
前端Electron新手入门教程详解
Jun 21 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
跟我学Laravel之安装Laravel
2014/10/15 PHP
php数组分页实现方法
2016/04/30 PHP
PHP开发中解决并发问题的几种实现方法分析
2017/11/13 PHP
PHPUnit + Laravel单元测试常用技能
2019/11/06 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
JavaScript中instanceof与typeof运算符的用法及区别详细解析
2013/11/19 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
2014/05/29 Javascript
javascript实现获取cookie过期时间的变通方法
2014/08/14 Javascript
javascript 常见功能汇总
2015/06/11 Javascript
javascript解决IE6下hover问题的方法
2015/07/28 Javascript
JavaScript小技巧整理篇(非常全)
2016/01/26 Javascript
jQuery轮播图效果精简版完整示例
2016/09/04 Javascript
用v-html解决Vue.js渲染中html标签不被解析的问题
2016/12/14 Javascript
详解node.js平台下Express的session与cookie模块包的配置
2017/04/26 Javascript
Angular2关于@angular/cli默认端口号配置的问题
2017/07/15 Javascript
用React实现一个完整的TodoList的示例代码
2017/10/30 Javascript
帝国cms首页列表页实现点赞功能
2017/10/30 Javascript
vue cli使用绝对路径引用图片问题的解决
2017/12/06 Javascript
详解JavaScript中的函数、对象
2019/04/01 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
2019/04/19 Javascript
jQuery轮播图功能制作方法详解
2019/12/03 jQuery
vue之封装多个组件调用同一接口的案例
2020/08/11 Javascript
JS实现炫酷雪花飘落效果
2020/08/19 Javascript
详解python算法之冒泡排序
2019/03/05 Python
Django框架orM与自定义SQL语句混合事务控制操作
2019/06/27 Python
Python编写打字训练小程序
2019/09/26 Python
利用Python的turtle库绘制玫瑰教程
2019/11/23 Python
英文版区域经理求职信
2013/10/23 职场文书
小学三年级数学教学反思
2014/01/31 职场文书
奥巴马就职演讲稿
2014/05/15 职场文书
投标诚信承诺书
2014/05/26 职场文书
运动与健康自我评价
2015/03/09 职场文书
Redis 哨兵集群的实现
2021/06/18 Redis
特别篇动画《总之就是非常可爱 ~制服~》PV公开,2022年夏季播出
2022/04/04 日漫
Windows Server 2022 超融合部署(图文教程)
2022/06/25 Servers
Win11如何默认打开软件界面最大化?Win11默认打开软件界面最大化的方法
2022/07/15 数码科技