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 相关文章推荐
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
May 27 Javascript
Js组件的一些写法
Sep 10 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
Sep 03 Javascript
浅析Javascript的自动分号插入(ASI)机制
Sep 29 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
Mar 07 Javascript
vue-resource 拦截器(interceptor)的使用详解
Jul 04 Javascript
node.js中grunt和gulp的区别详解
Jul 17 Javascript
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
Aug 10 Javascript
JQ图片文件上传之前预览功能的简单实例(分享)
Nov 12 Javascript
小试小程序云开发(小结)
Jun 06 Javascript
js+html实现点名系统功能
Nov 05 Javascript
如何优化vue打包文件过大
Apr 13 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
Zend studio for eclipse中使php可以调用mysql相关函数的设置方法
2008/10/13 PHP
WordPress中获取指定分类及其子分类下的文章数目
2015/12/31 PHP
php获取数据库中数据的实现方法
2017/06/01 PHP
PHP实现的数组和XML文件相互转换功能示例
2018/03/15 PHP
使用PHP+JQuery+Ajax分页的实现
2013/04/23 Javascript
javascript中的toFixed固定小数位数 简单实例分享
2013/07/12 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
2013/11/19 Javascript
Jquery实现的角色左右选择特效
2014/05/21 Javascript
javascript获取四位数字或者字母的随机数
2015/01/09 Javascript
JavaScript对数组进行随机重排的方法
2015/07/22 Javascript
BootstrapTable请求数据时设置超时(timeout)的方法
2017/01/22 Javascript
详解React之父子组件传递和其它一些要点
2018/06/25 Javascript
webpack多入口多出口的实现方法
2018/08/17 Javascript
JQuery实现折叠式菜单的详细代码
2020/06/03 jQuery
Python常见文件操作的函数示例代码
2011/11/15 Python
在IIS服务器上以CGI方式运行Python脚本的教程
2015/04/25 Python
python判断windows系统是32位还是64位的方法
2015/05/11 Python
在Python中用has_key()方法查找键是否存在的教程
2015/05/21 Python
Python 专题三 字符串的基础知识
2017/03/19 Python
高质量Python代码编写的5个优化技巧
2017/11/16 Python
取numpy数组的某几行某几列方法
2018/04/03 Python
对python读取CT医学图像的实例详解
2019/01/24 Python
python基于itchat模块实现微信防撤回
2019/04/29 Python
pyqt 多窗口之间的相互调用方法
2019/06/19 Python
关于django 1.10 CSRF验证失败的解决方法
2019/08/31 Python
python、Matlab求定积分的实现
2019/11/20 Python
Python Charles抓包配置实现流程图解
2020/09/29 Python
SheIn俄罗斯:时尚女装网上商店
2017/02/28 全球购物
.NET笔试题(20个问题)
2016/02/02 面试题
能源工程专业应届生求职信
2014/03/01 职场文书
小学生爱国演讲稿
2014/04/25 职场文书
财务管理专业自荐书
2014/09/02 职场文书
中国文明网向国旗敬礼寄语大全
2014/09/27 职场文书
2014法制宣传日活动总结范文
2014/11/01 职场文书
中考学习决心书
2015/02/04 职场文书
美丽的大脚观后感
2015/06/03 职场文书