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 相关文章推荐
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
Jul 25 Javascript
Javascript 检测、添加、移除样式(className)函数代码
Sep 08 Javascript
jQuery 1.5最新版本的改进细节分析
Jan 19 Javascript
js仿百度有啊通栏展示效果实现代码
May 28 Javascript
js中unicode转码方法详解
Oct 09 Javascript
Bootstrap进度条组件知识详解
May 01 Javascript
jQuery实现一个简单的轮播图
Feb 19 Javascript
JS实现的tab切换选项卡效果示例
Feb 28 Javascript
详谈jQuery.load()和Jsp的include的区别
Apr 12 jQuery
JavaScript时间戳与时间日期间相互转换
Dec 11 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
Dec 12 Javascript
基于elementUI竖向表格、和并列的案例
Oct 26 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
php4的session功能评述(三)
2006/10/09 PHP
一个数据采集类
2007/02/14 PHP
Optimizer与Debugger兼容性问题的解决方法
2008/12/01 PHP
PHP 图片上传实现代码 带详细注释
2010/04/29 PHP
php imagecreatetruecolor 创建高清和透明图片代码小结
2010/05/15 PHP
PHP操作数组的一些函数整理介绍
2011/07/17 PHP
详解PHP的Yii框架中组件行为的属性注入和方法注入
2016/03/18 PHP
浅谈php(codeigniter)安全性注意事项
2017/04/06 PHP
Laravel多用户认证系统示例详解
2018/03/13 PHP
laravel 修改.htaccess文件 重定向public的解决方法
2019/10/12 PHP
解决Laravel无法使用COOKIE和SESSION的问题
2019/10/16 PHP
利用webqq协议使用python登录qq发消息源码参考
2013/04/08 Javascript
js this函数调用无需再次抓获id,name或标签名
2014/03/03 Javascript
jQuery及JS实现循环中暂停的方法
2015/02/02 Javascript
jQuery()方法的第二个参数详解
2015/04/29 Javascript
JavaScript 消息框效果【实现代码】
2016/04/27 Javascript
微信小程序 省市区选择器实例详解(附源码下载)
2017/01/05 Javascript
jQuery快速实现商品数量加减的方法
2017/02/06 Javascript
JavaScript之underscore_动力节点Java学院整理
2017/07/03 Javascript
Angular.js前台传list数组由后台spring MVC接收数组示例代码
2017/07/31 Javascript
了解JavaScript中的选择器
2019/05/24 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
2019/06/10 Javascript
node.js处理前端提交的GET请求
2019/08/30 Javascript
vue-simple-uploader上传成功之后的response获取代码
2020/09/07 Javascript
Python中的异常处理简明介绍
2015/04/13 Python
Python中str is not callable问题详解及解决办法
2017/02/10 Python
Python 通过截图匹配原图中的位置(opencv)实例
2019/08/27 Python
keras用auc做metrics以及早停实例
2020/07/02 Python
Python grequests模块使用场景及代码实例
2020/08/10 Python
中东地区最大的奢侈品市场:The Luxury Closet
2019/04/09 全球购物
团支部推优材料
2014/05/21 职场文书
机关党建工作汇报材料
2014/08/20 职场文书
绍兴鲁迅故居导游词
2015/02/09 职场文书
2015年普法依法治理工作总结
2015/05/26 职场文书
嘉年华活动新闻稿
2015/07/17 职场文书
剖析后OpLog订阅MongoDB的数据变更就没那么难了
2022/02/24 MongoDB