JavaScript中判断页面关闭、页面刷新的实现代码


Posted in Javascript onAugust 27, 2014

今天由于项目需要判断用户离开页面时要判断用户的行为是关闭还是刷新
虽然没有直接的方法,但通过一定的技巧也能做到
不得不感叹JavaScript的强大!!
请看一下代码:

window.onunload = function(){       

        var a_n = window.event.screenX - window.screenLeft;       

        var a_b = a_n > document.documentElement.scrollWidth-20;       

        if(a_b && window.event.clientY< 0 || window.event.altKey){       

                  alert('关闭页面行为');

        }else{

                  alert('跳转或者刷新页面行为');     

            }

}

其实就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为。

兼容各大浏览器!

Javascript 相关文章推荐
一个无限级XML绑定跨框架菜单(For IE)
Jan 27 Javascript
jQuery中DOM树操作之使用反向插入方法实例分析
Jan 23 Javascript
jQuery实现简易的天天爱消除小游戏
Oct 16 Javascript
jquery UI Datepicker时间控件的使用方法(基础版)
Nov 07 Javascript
jquery网页加载进度条的实现
Jun 01 jQuery
微信小程序 转发功能的实现
Aug 04 Javascript
JavaScript实现焦点进入文本框内关闭输入法的核心代码
Sep 20 Javascript
Node.Js中实现端口重用原理详解
May 03 Javascript
vue路由守卫及路由守卫无限循环问题详析
Sep 05 Javascript
小程序如何支持使用 async/await详解
Sep 12 Javascript
如何使用proxy实现一个简单完整的MVVM库的示例代码
Sep 17 Javascript
vue实现购物车列表
Jun 30 Javascript
jQuery中的read和JavaScript中的onload函数的区别
Aug 27 #Javascript
javascript实现的一个随机点名功能
Aug 26 #Javascript
JS按回车键实现登录的方法
Aug 25 #Javascript
在JavaScript中重写jQuery对象的方法实例教程
Aug 25 #Javascript
一个支持任意尺寸的图片上下左右滑动效果
Aug 24 #Javascript
jquery 取子节点及当前节点属性值的方法
Aug 24 #Javascript
在JS数组特定索引处指定位置插入元素的技巧
Aug 24 #Javascript
You might like
不用数据库的多用户文件自由上传投票系统(2)
2006/10/09 PHP
PHP生成plist数据的方法
2015/06/16 PHP
php三种实现多线程类似的方法
2015/10/30 PHP
PHP实现的策略模式简单示例
2017/08/25 PHP
PHP笛卡尔积实现算法示例
2018/07/30 PHP
PHP实现读取文件夹及批量重命名文件操作示例
2019/04/15 PHP
转一个日期输入控件,支持FF
2007/04/27 Javascript
收藏Javascript中常用的55个经典技巧
2007/08/12 Javascript
javascript 关闭IE6、IE7
2009/06/01 Javascript
jQuery源码分析-05异步队列 Deferred 使用介绍
2011/11/14 Javascript
javascript简单事件处理和with用法介绍
2013/09/16 Javascript
jquery统计用户选中的复选框的个数
2014/06/06 Javascript
seajs加载jquery时提示$ is not a function该怎么解决
2015/10/23 Javascript
javascript自动恢复文本框点击清除后的默认文本
2016/01/12 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
2016/10/11 Javascript
Ionic + Angular.js实现图片轮播的方法示例
2017/05/21 Javascript
JavaScript基础之this详解
2017/06/04 Javascript
jQuery中each方法的使用详解
2018/03/18 jQuery
如何利用ES6进行Promise封装总结
2019/02/11 Javascript
利用Promise自定义一个GET请求的函数示例代码
2019/03/20 Javascript
[01:14]DOTA2亚洲邀请赛 ShowOpen
2015/02/07 DOTA
Python语言技巧之三元运算符使用介绍
2013/03/04 Python
python executemany的使用及注意事项
2017/03/13 Python
python中实现字符串翻转的方法
2018/07/11 Python
PyQt5 实现字体大小自适应分辨率的方法
2019/06/18 Python
Python 中的 import 机制之实现远程导入模块
2019/10/29 Python
基于 HTML5 WebGL 实现的垃圾分类系统
2019/10/08 HTML / CSS
德国药房apodiscounter中文官网:德国排名前三的网上药店
2019/06/03 全球购物
机电专业体育教师求职信
2013/09/21 职场文书
好的促销活动方案
2014/08/21 职场文书
党章培训心得体会
2014/09/04 职场文书
助学贷款贫困证明
2014/09/23 职场文书
庐山导游词
2015/02/03 职场文书
老乡聚会通知
2015/04/23 职场文书
党员干部学法用法心得体会
2016/01/21 职场文书
学生安全责任协议书
2016/03/22 职场文书