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可突破windows弹退效果代码
Aug 09 Javascript
JQuery实现鼠标移动到图片上显示边框效果
Jan 09 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
May 17 Javascript
jQuery动态创建元素以及追加节点的实现方法
Oct 20 Javascript
seajs模块之间依赖的加载以及模块的执行
Oct 21 Javascript
简单理解vue中el、template、replace元素
Oct 27 Javascript
网页挂马方式整理及详细介绍
Nov 03 Javascript
Node.js的进程管理的深入理解
Jan 09 Javascript
微信小程序+云开发实现欢迎登录注册
May 24 Javascript
详解Vue3 Composition API中的提取和重用逻辑
Apr 29 Javascript
jquery+ajax实现异步上传文件显示进度条
Aug 17 jQuery
全面解析js中的原型,原型对象,原型链
Jan 25 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
substr()函数中文版
2006/10/09 PHP
php强制下载文件函数
2016/08/24 PHP
PHP递归遍历指定文件夹内的文件实现方法
2016/11/15 PHP
PHP实现权限管理功能示例
2017/09/22 PHP
PHP实现打包zip并下载功能
2018/06/12 PHP
小程序微信支付功能配置方法示例详解【基于thinkPHP】
2019/05/05 PHP
PHP7 新增功能
2021/03/09 PHP
Javascript remove 自定义数组删除方法
2009/10/20 Javascript
jQuery MD5加密实现代码
2010/03/15 Javascript
Jquery 自定义动画概述及示例
2013/03/29 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
2013/08/26 Javascript
基于JQuery实现图片上传预览与删除操作
2016/05/24 Javascript
基于javascript实现数字英文验证码
2017/01/25 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
2017/09/11 Javascript
关于Vue的路由权限管理的示例代码
2018/03/06 Javascript
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
2018/10/12 Javascript
js根据需要计算数组中重复出现某个元素的个数
2019/01/18 Javascript
Typescript 中的 interface 和 type 到底有什么区别详解
2019/06/18 Javascript
小程序实现按下录音松开识别语音
2019/11/22 Javascript
Python语言技巧之三元运算符使用介绍
2013/03/04 Python
Python数据类型学习笔记
2016/01/13 Python
python Celery定时任务的示例
2018/03/13 Python
如何基于Python批量下载音乐
2019/11/11 Python
Django 解决阿里云部署同步数据库报错的问题
2020/05/14 Python
Python collections.defaultdict模块用法详解
2020/06/18 Python
Python 如何反方向迭代一个序列
2020/07/28 Python
Django nginx配置实现过程详解
2020/09/10 Python
Django中的DateTimeField和DateField实现
2021/02/24 Python
Darphin迪梵官网: 来自巴黎,植物和精油调制的护肤品牌
2016/10/11 全球购物
北美三大旅游网站之一:Travelocity
2017/08/12 全球购物
医学毕业生自我鉴定
2013/10/30 职场文书
2015年元旦主持词结束语
2014/12/14 职场文书
2015年卫生院健康教育工作总结
2015/07/24 职场文书
2016年艾滋病宣传活动总结
2016/04/01 职场文书
详解Python requests模块
2021/06/21 Python
尝试使用Python爬取城市租房信息
2022/04/12 Python