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中链式调用之研习
Apr 07 Javascript
Javascript模块化编程(一)模块的写法最佳实践
Jan 17 Javascript
js实现点击向下展开的下拉菜单效果代码
Sep 01 Javascript
JS锚点的设置与使用方法
Sep 05 Javascript
Bootstrap CSS组件之导航(nav)
Dec 17 Javascript
超全面的vue.js使用总结
Feb 12 Javascript
超简单的Vue.js环境搭建教程
Mar 17 Javascript
JS实现的简单表单验证功能示例
Oct 13 Javascript
vue cli2.0单页面title修改方法
Jun 07 Javascript
详解javascript函数写法大全
Mar 25 Javascript
JavaScript实现省市区三级联动
Feb 13 Javascript
在Vue中使用HOC模式的实现
Aug 23 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
Google Voice 短信发送接口PHP开源版(2010.5更新)
2010/07/22 PHP
基于PHP遍历数组的方法汇总分析
2013/06/08 PHP
使用PHPMailer实现邮件发送代码分享
2014/10/23 PHP
学习php设计模式 php实现享元模式(flyweight)
2015/12/07 PHP
ThinkPHP中session函数详解
2016/09/14 PHP
PHP编译configure时常见错误的总结
2017/08/17 PHP
PHP多线程模拟实现秒杀抢单
2018/02/07 PHP
用Javascript数组处理多个字符串的连接问题
2009/08/20 Javascript
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
2010/04/15 Javascript
jquery下onpropertychange事件的绑定方法
2010/08/01 Javascript
js中如何把字符串转化为对象、数组示例代码
2013/07/17 Javascript
js针对ip地址、子网掩码、网关的逻辑性判断
2016/01/06 Javascript
基于jQuery日历插件制作日历
2016/03/11 Javascript
完美实现八种js焦点轮播图(上篇)
2016/07/18 Javascript
Vue项目自动转换 px 为 rem的实现方法
2018/10/29 Javascript
Node绑定全局TraceID的实现方法
2019/11/14 Javascript
vue+element获取el-table某行的下标,根据下标操作数组对象方式
2020/08/07 Javascript
[01:43]深扒TI7聊天轮盘语音出处4
2017/05/11 DOTA
Python操作MySQL简单实现方法
2015/01/26 Python
Python多线程爬虫简单示例
2016/03/04 Python
python读取excel表格生成erlang数据
2017/08/26 Python
Pandas之DataFrame对象的列和索引之间的转化
2019/06/25 Python
PyTorch中Tensor的维度变换实现
2019/08/18 Python
Python实现ATM系统
2020/02/17 Python
django-csrf使用和禁用方式
2020/03/13 Python
详解CSS3中@media的实际使用
2015/08/04 HTML / CSS
LA MER海蓝之谜美国官网:传奇面霜
2016/08/27 全球购物
Melijoe时尚童装德国官网:Melijoe德国
2016/09/03 全球购物
飞利浦西班牙官方网站:Philips西班牙
2020/02/17 全球购物
结构和类有什么异同
2012/07/16 面试题
预备党员党课思想汇报
2014/01/13 职场文书
舞蹈专业大学生职业规划范文
2014/03/12 职场文书
个人评语大全
2014/05/04 职场文书
2014年图书馆工作总结
2014/11/25 职场文书
项目经理助理岗位职责
2015/04/13 职场文书
运动会5000米加油稿
2015/07/21 职场文书