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 相关文章推荐
广告显示判断
Aug 31 Javascript
javascript replace()正则替换实现代码
Feb 26 Javascript
javascript中with()方法的语法格式及使用
Aug 04 Javascript
JS中的二叉树遍历详解
Mar 18 Javascript
jQuery操作属性和样式详解
Apr 13 Javascript
jQuery实现立体式数字滚动条增加效果
Dec 21 Javascript
Angular.js自定义指令学习笔记实例
Feb 24 Javascript
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
Jun 13 Javascript
jQuery实现点击关注和取消功能
Jul 03 jQuery
浅谈使用React.setState需要注意的三点
Dec 18 Javascript
js实现数字跳动到指定数字
Aug 25 Javascript
vue项目实现分页效果
Mar 24 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中日期加减法运算实现代码
2011/12/08 PHP
浅析Apache中RewriteCond规则参数的详细介绍
2013/06/30 PHP
Eclipse的PHP插件PHPEclipse安装和使用
2014/07/20 PHP
ECSHOP完美解决Deprecated: preg_replace()报错的问题
2016/05/17 PHP
Thinkphp3.2.3分页使用实例解析
2016/07/28 PHP
jQuery ui 1.7更新小结
2009/08/15 Javascript
查看图片(前进后退)功能实现js代码
2013/04/24 Javascript
怎么清空javascript数组
2013/05/11 Javascript
js图片向右一张张滚动效果实例代码
2013/11/23 Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
2014/11/02 Javascript
Easyui form combobox省市区三级联动
2016/01/13 Javascript
深入理解vue中的$set
2017/06/01 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
2018/07/28 Javascript
iview同时验证多个表单问题总结
2018/09/29 Javascript
vue组件 keep-alive 和 transition 使用详解
2019/10/11 Javascript
微信小程序事件流原理解析
2019/11/27 Javascript
解决VantUI popup 弹窗不弹出或无蒙层的问题
2020/11/03 Javascript
js定时器出现第一次延迟的原因及解决方法
2021/01/04 Javascript
[54:53]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第二场
2014/05/23 DOTA
简单介绍Python的Django框架的dj-scaffold项目
2015/05/30 Python
利用Python画ROC曲线和AUC值计算
2016/09/19 Python
python3字符串操作总结
2019/07/24 Python
Centos7 下安装最新的python3.8
2019/10/28 Python
浅谈Python 参数与变量
2020/06/20 Python
关于css兼容性问题及一些常见问题汇总
2016/05/03 HTML / CSS
CSS3移动端vw+rem不依赖JS实现响应式布局的方法
2019/01/23 HTML / CSS
让IE下支持Html5的placeholder属性的插件
2014/09/02 HTML / CSS
沙特阿拉伯家用电器和电子产品购物网站:Sheta and Saif
2020/04/03 全球购物
结构工程研究生求职信
2013/10/13 职场文书
经典优秀毕业生求职信范文分享
2013/12/18 职场文书
材料工程专业毕业生求职信
2014/03/04 职场文书
中介业务员岗位职责
2014/04/09 职场文书
代理人委托书
2014/09/16 职场文书
劳动争议和解协议书范本
2014/11/20 职场文书
毕业实习计划书
2015/01/16 职场文书
导游词之宁夏贺兰山岩画
2019/11/08 职场文书