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 相关文章推荐
通过正则格式化url查询字符串实现代码
Dec 28 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
Aug 18 Javascript
js弹窗返回值详解(window.open方式)
Jan 11 Javascript
Js冒泡事件详解及阻止示例
Mar 21 Javascript
jquery制作图片时钟特效
Mar 30 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
Feb 15 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
Jun 03 Javascript
Bootstrap基本插件学习笔记之Popover提示框(19)
Dec 08 Javascript
Vue实战之vue登录验证的实现代码
Oct 31 Javascript
js断点调试经验分享
Dec 08 Javascript
el-select 下拉框多选实现全选的实现
Aug 02 Javascript
es6数组includes()用法实例分析
Apr 18 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 无线电
PHP 一个页面执行时间类代码
2010/03/05 PHP
ThinkPHP实现将SESSION存入MYSQL的方法
2014/07/22 PHP
laravel 5.1下php artisan migrate的使用注意事项总结
2017/06/07 PHP
laravel5实现微信第三方登录功能
2018/12/06 PHP
asp javascript 实现关闭窗口时保存数据的办法
2007/11/24 Javascript
javascript自执行函数之伪命名空间封装法
2010/12/25 Javascript
关于COOKIE个数与大小的问题
2011/01/17 Javascript
用JQuery 判断某个属性是否存在hasAttr的解决方法
2013/04/26 Javascript
js简单抽奖代码
2015/01/16 Javascript
javascript运算符——位运算符全面介绍
2016/07/14 Javascript
vue2.0+webpack环境的构造过程
2016/11/08 Javascript
AngularJS自定义服务与fliter的混合使用
2016/11/24 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
2017/04/10 Javascript
Angular2下使用pdf插件的方法详解
2017/04/29 Javascript
JS获取一个表单字段中多条数据并转化为json格式
2017/10/17 Javascript
node作为中间服务层如何发送请求(发送请求的实现方法详解)
2018/01/02 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
2018/01/08 Javascript
vue中如何让子组件修改父组件数据
2018/06/14 Javascript
单线程JavaScript实现异步过程详解
2020/05/19 Javascript
[51:29]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
对numpy中轴与维度的理解
2018/04/18 Python
PyCharm2018 安装及破解方法实现步骤
2019/09/09 Python
python等差数列求和公式前 100 项的和实例
2020/02/25 Python
小学生安全保证书
2014/02/01 职场文书
公司口号大全
2014/06/11 职场文书
2014国庆节幼儿园亲子活动方案
2014/09/16 职场文书
公司离职证明标准范本
2014/10/05 职场文书
优秀班主任主要事迹材料
2014/12/16 职场文书
员工年终考核评语
2014/12/31 职场文书
教师个人总结范文
2015/02/11 职场文书
对学校的意见和建议
2015/06/04 职场文书
使用css样式设计一个简单的html登陆界面的实现
2021/03/30 HTML / CSS
Python基础之数据类型知识汇总
2021/05/18 Python
通过T-SQL语句创建游标与实现数据库加解密功能
2022/03/16 SQL Server
python中字符串String及其常见操作指南(方法、函数)
2022/04/06 Python