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 相关文章推荐
js中将多个语句写成一个语句的两种方法小结
Dec 08 Javascript
学习ExtJS Panel常用方法
Oct 07 Javascript
javascript是怎么继承的介绍
Jan 05 Javascript
jquery插件splitScren实现页面分屏切换模板特效
Jun 16 Javascript
详解Bootstrap按钮
Jan 04 Javascript
Treegrid的动态加载实例代码
Apr 29 Javascript
JavaScript判断浏览器及其版本信息
Jan 20 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
Feb 16 Javascript
深入理解Vue 组件之间传值
Aug 16 Javascript
关于node-bindings无法在Electron中使用的解决办法
Dec 18 Javascript
JavaScript 双向链表操作实例分析【创建、增加、查找、删除等】
Apr 28 Javascript
vue中封装axios并实现api接口的统一管理
Dec 25 Vue.js
详解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
用PHP创建PDF中文文档
2006/10/09 PHP
PHP程序员面试 切忌急功近利(更需要注重以后的发展)
2010/09/01 PHP
C#使用PHP服务端的Web Service通信实例
2014/04/08 PHP
Yii2前后台分离及migrate使用(七)
2016/05/04 PHP
javascript面向对象之二 命名空间
2011/02/08 Javascript
自己动手手写jQuery插件总结
2015/01/20 Javascript
基于JQuery实现图片轮播效果(焦点图)
2016/02/02 Javascript
JS iFrame加载慢怎么解决
2016/05/13 Javascript
jQuery EasyUI提交表单验证
2016/07/19 Javascript
jQuery实现的简单百分比进度条效果示例
2016/08/01 Javascript
node.js利用redis数据库缓存数据的方法
2017/03/01 Javascript
使用JS在浏览器中判断当前网络连接状态的几种方法
2017/05/05 Javascript
关于javascript sort()排序你可能忽略的一点理解
2017/07/18 Javascript
Bootstrap框架建立树形菜单(Tree)的实例代码
2017/10/30 Javascript
vue超时计算的组件实例代码
2018/07/09 Javascript
Vuex的基本概念、项目搭建以及入坑点
2018/11/04 Javascript
vue el-table实现行内编辑功能
2019/12/11 Javascript
单线程JavaScript实现异步过程详解
2020/05/19 Javascript
vue - props 声明数组和对象操作
2020/07/30 Javascript
[02:50]2014DOTA2 TI预选赛预选赛 大神专访第一弹!
2014/05/21 DOTA
[40:31]Secret vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python网络编程学习笔记(三):socket网络服务器
2014/06/09 Python
python实现井字棋游戏
2020/03/30 Python
Python使用正则表达式抓取网页图片的方法示例
2017/04/21 Python
python实现图片处理和特征提取详解
2017/11/13 Python
解决Pycharm无法import自己安装的第三方module问题
2018/05/18 Python
如何使用Python进行OCR识别图片中的文字
2019/04/01 Python
用Python实现BP神经网络(附代码)
2019/07/10 Python
Python如何读取文件中图片格式
2020/01/13 Python
优秀老师事迹材料
2014/02/05 职场文书
化工见习报告范文
2014/10/31 职场文书
五年级学生评语大全
2014/12/26 职场文书
2019年聘任书的写作格式及范文!
2019/07/03 职场文书
SQL Server 忘记密码以及重新添加新账号
2022/04/26 SQL Server
Hive常用日期格式转换语法
2022/06/25 数据库
Python TypeError: ‘float‘ object is not subscriptable错误解决
2022/12/24 Python