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限定文本框只能输入数字即整数和小数
Nov 29 Javascript
c#程序员对TypeScript的认识过程
Jun 19 Javascript
Eclipse引入jquery报错如何解决
Dec 01 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
May 16 Javascript
bootstrapfileinput实现文件自动上传
Nov 08 Javascript
解析预加载显示图片艺术
Dec 05 Javascript
Bootstrap缩略图与警告框学习使用
Feb 08 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
Nov 24 Javascript
基于datepicker定义自己的angular时间组件的示例
Mar 14 Javascript
微信小程序表单验证form提交错误提示效果
Jun 19 Javascript
element-ui 上传图片后清空图片显示的实例
Sep 04 Javascript
js Math数学简单使用操作示例
Mar 13 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
php函数指定默认值方法的小例子
2013/12/04 PHP
PHP文件读写操作相关函数总结
2014/11/18 PHP
Yii框架数据库查询、增加、删除操作示例
2019/10/14 PHP
javascript document.referrer 用法
2009/04/30 Javascript
select标签模拟/美化方法采用JS外挂式插件
2013/04/01 Javascript
jquery 动态创建元素的方式介绍及应用
2013/04/21 Javascript
jquery $.each() 使用小探
2013/08/23 Javascript
jQuery实现的Div窗口震动特效
2014/06/09 Javascript
jquery实现九宫格大转盘抽奖
2015/11/13 Javascript
仅30行代码实现Javascript中的MVC
2016/02/15 Javascript
jQuery遍历json的方法分析
2016/04/16 Javascript
使用vue.js制作分页组件
2016/06/27 Javascript
BootStrap按钮标签及基本样式
2016/11/23 Javascript
js前端日历控件(悬浮、拖拽、自由变形)
2017/03/02 Javascript
微信小程序request请求后台接口php的实例详解
2017/09/20 Javascript
Vue 2.0学习笔记之Vue中的computed属性
2017/10/16 Javascript
javascript回调函数详解
2018/02/06 Javascript
JavaScript动态加载重复绑定问题
2018/04/01 Javascript
wx-charts 微信小程序图表插件的具体使用
2019/08/18 Javascript
关于ckeditor在bootstrap中modal中弹框无法输入的解决方法
2019/09/11 Javascript
Python模拟鼠标点击实现方法(将通过实例自动化模拟在360浏览器中自动搜索python)
2017/08/23 Python
python opencv之SURF算法示例
2018/02/24 Python
python连接PostgreSQL过程解析
2020/02/09 Python
CSS3毛玻璃效果(blur)有白边问题的解决方法
2016/11/15 HTML / CSS
HTML5中使用json对象的实例代码
2018/09/10 HTML / CSS
护理专业的自荐信
2013/10/22 职场文书
亲戚结婚的请假条
2014/02/11 职场文书
试用期自我鉴定范文
2014/03/20 职场文书
职务说明书范文
2014/05/07 职场文书
月度优秀员工获奖感言
2014/08/16 职场文书
爱与责任师德演讲稿
2014/08/26 职场文书
个人股份转让协议书范本
2014/10/26 职场文书
户外活动总结
2015/02/04 职场文书
JVM上高性能数据格式库包Apache Arrow入门和架构详解(Gkatziouras)
2021/05/26 Servers
PyQt5结合QtDesigner实现文本框读写操作
2021/06/11 Python
python在package下继续嵌套一个package
2022/04/14 Python