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 相关文章推荐
JavaScript 对象模型 执行模型
Oct 15 Javascript
JS和jquery获取各种屏幕的宽度和高度的代码
Aug 02 Javascript
JS获取html对象的几种方式介绍
Dec 05 Javascript
关闭页面window.location事件未执行的原因及解决方法
Sep 01 Javascript
window.location的重写及判断location是否被重写
Sep 04 Javascript
JS 面向对象之继承---多种组合继承详解
Jul 10 Javascript
JS中的==运算: [''] == false —&gt;true
Jul 24 Javascript
表单元素值获取方式js及java方式的简单实例
Oct 15 Javascript
深入学习Bootstrap表单
Dec 13 Javascript
基于Vue实现平滑过渡的拖拽排序功能
Jun 12 Javascript
vue.js循环radio的实例
Nov 07 Javascript
vue + el-form 实现的多层循环表单验证
Nov 25 Vue.js
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
用PHP制作静态网站的模板框架(一)
2006/10/09 PHP
PHP设计模式之结构模式的深入解析
2013/06/13 PHP
解析yii数据库的增删查改
2013/06/20 PHP
php实现的SSO单点登录系统接入功能示例分析
2016/10/12 PHP
解决JS浮点数运算出现Bug的方法
2013/03/12 Javascript
JS验证日期的格式YYYY-mm-dd 具体实现
2013/06/29 Javascript
用javascript读取xml文件读取节点数据
2014/08/12 Javascript
node.js中的http.get方法使用说明
2014/12/14 Javascript
ECMAScript 5严格模式(Strict Mode)介绍
2015/03/02 Javascript
jQuery实现表格行上下移动和置顶效果
2015/06/05 Javascript
jQuery替换textarea中换行的方法
2015/06/10 Javascript
js代码实现随机颜色的小方块
2015/07/30 Javascript
JavaScript节点及列表操作实例小结
2015/08/05 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
浅谈JS函数定义方式的区别
2016/10/30 Javascript
微信小程序开发实战教程之手势解锁
2016/11/18 Javascript
JavaScript定义函数_动力节点Java学院整理
2017/06/27 Javascript
vue调用本地摄像头实现拍照功能
2020/08/14 Javascript
OpenLayers3加载常用控件使用方法详解
2020/09/25 Javascript
js实现头像上传并且可预览提交
2020/12/25 Javascript
[10:28]2018DOTA2国际邀请赛寻真——VGJ.S寻梦之路
2018/08/15 DOTA
Python 元组(Tuple)操作详解
2014/03/11 Python
python使用电子邮件模块smtplib的方法
2016/08/28 Python
Python实现购物程序思路及代码
2017/07/24 Python
用 Python 连接 MySQL 的几种方式详解
2018/04/04 Python
解决python xx.py文件点击完之后一闪而过的问题
2019/06/24 Python
python Pandas如何对数据集随机抽样
2019/07/29 Python
np.newaxis 实现为 numpy.ndarray(多维数组)增加一个轴
2019/11/30 Python
美国家居装饰网上商店:Lulu & Georgia
2019/09/14 全球购物
Oracle的内存结构(Memory structures)
2015/06/10 面试题
中专生自我鉴定范文
2013/12/19 职场文书
环境工程专业自荐信范文
2014/03/18 职场文书
2014年医学生毕业自我鉴定
2014/03/26 职场文书
掌握这项技巧,一年阅读300本书不是梦
2019/09/12 职场文书
pandas DataFrame.shift()函数的具体使用
2021/05/24 Python
SSM VUE Axios详解
2021/10/05 Vue.js