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客户端将指定区域导出到Word、Excel的代码
Oct 22 Javascript
node.js中的url.resolve方法使用说明
Dec 10 Javascript
Linux下编译安装php libevent扩展实例
Feb 14 Javascript
javascript实现简单的html5视频播放器
May 06 Javascript
7个jQuery最佳实践
Jan 12 Javascript
bootstrap日期插件daterangepicker使用详解
Oct 19 Javascript
react-router browserHistory刷新页面404问题解决方法
Dec 29 Javascript
轻松搞定jQuery+JSONP跨域请求的解决方案
Mar 06 jQuery
浅谈vue项目如何打包扔向服务器
May 08 Javascript
解决angularjs前后端分离调用接口传递中文时中文乱码的问题
Aug 13 Javascript
详解vue中多个有顺序要求的异步操作处理
Oct 29 Javascript
Vue-resource安装过程及使用方法解析
Jul 21 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
php处理restful请求的路由类分享
2014/02/27 PHP
Mac OS下配置PHP+MySql环境
2015/02/25 PHP
PHP计算加权平均数的方法
2015/07/16 PHP
PHP的Yii框架中过滤器相关的使用总结
2016/03/29 PHP
php有效防止图片盗用、盗链的两种方法
2016/11/01 PHP
php时间戳转换代码详解
2019/08/04 PHP
Laravel 模型使用软删除-左连接查询-表起别名示例
2019/10/24 PHP
准确获得页面、窗口高度及宽度的JS
2006/11/26 Javascript
JavaScript更改字符串的大小写
2015/05/07 Javascript
JavaScript编程中window的location与history对象详解
2015/10/26 Javascript
BootStrap下拉框在firefox浏览器界面不友好的解决方案
2016/08/18 Javascript
bootstrap警告框使用方法解析
2017/01/13 Javascript
原生javascript实现读写CSS样式的方法详解
2017/02/20 Javascript
让微信小程序支持ES6中Promise特性的方法详解
2017/06/13 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
2017/08/22 Javascript
vue中如何去掉空格的方法实现
2018/11/09 Javascript
jQuery选择器之层次选择器用法实例分析
2019/02/19 jQuery
小程序开发踩坑:页面窗口定位(相对于浏览器定位)(推荐)
2019/04/25 Javascript
JavaScript+HTML5 canvas实现放大镜效果完整示例
2019/05/15 Javascript
Python基于QRCode实现生成二维码的方法【下载,安装,调用等】
2017/07/11 Python
Python中的heapq模块源码详析
2019/01/08 Python
Python实现AI自动抠图实例解析
2020/03/05 Python
如何将Pycharm中调整字体大小的方式设置为&quot;ctrl+鼠标滚轮上下滑&quot;
2020/11/17 Python
Python应用自动化部署工具Fabric原理及使用解析
2020/11/30 Python
Pycharm 解决自动格式化冲突的设置操作
2021/01/15 Python
在canvas上实现元素图片镜像翻转动画效果的方法
2018/03/20 HTML / CSS
Stuart Weitzman欧盟:美国奢华鞋履品牌
2017/05/24 全球购物
英国屋顶用品和材料超市:Roofing Supplies UK
2019/08/24 全球购物
销售工作人员的自我评价分享
2013/11/10 职场文书
如何写好优秀的创业计划书
2014/01/30 职场文书
2014党员学习《反腐倡廉警示教育读本》思想汇报
2014/09/13 职场文书
保险内勤岗位职责
2015/04/13 职场文书
停发工资证明范本
2015/06/12 职场文书
幼儿园托班开学寄语(2016春季)
2015/12/03 职场文书
2016党员学习心得体会范文
2016/01/23 职场文书
python如何利用traceback获取详细的异常信息
2021/06/05 Python