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 图片预览效果 推荐
Dec 22 Javascript
JavaScript高级程序设计(第3版)学习笔记5 js语句
Oct 11 Javascript
JS右下角广告窗口代码(可收缩、展开及关闭)
Sep 04 Javascript
JavaScript必知必会(三) String .的方法来自何方
Jun 08 Javascript
js拼接html字符串的注意事项
Oct 13 Javascript
jQuery Ajax请求后台数据并在前台接收
Dec 10 Javascript
JavaScript常见的五种数组去重的方式
Dec 15 Javascript
JS SetInterval 代码实现页面轮询
Aug 11 Javascript
JS处理一些简单计算题
Feb 24 Javascript
Vue+Element实现动态生成新表单并添加验证功能
May 23 Javascript
JavaScript使用prototype属性实现继承操作示例
May 22 Javascript
微信小程序实现modal弹出框遮罩层组件(可带文本框)
Dec 20 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
discuz Passport 通行证 整合笔记
2008/06/30 PHP
php判断终端是手机还是电脑访问网站的思路及代码
2013/04/24 PHP
php+mysql实现无限级分类
2015/11/11 PHP
php实现统计目录文件大小的函数
2015/12/25 PHP
基于win2003虚拟机中apache服务器的访问
2017/08/01 PHP
PHP的简单跳转提示的实现详解
2019/03/14 PHP
Laravel 自定命令以及生成文件的例子
2019/10/23 PHP
js下利用控制器载入对应脚本
2010/07/17 Javascript
javascript scrollTop正解使用方法
2013/11/14 Javascript
JavaScript数组常用操作技巧汇总
2014/11/17 Javascript
深入探讨前端框架react
2015/12/09 Javascript
JavaScript实现打开链接页面的方式汇总
2016/06/02 Javascript
react+redux的升级版todoList的实现
2017/12/18 Javascript
bootstrap table支持高度百分比的实例代码
2018/02/28 Javascript
详解关于element el-button使用$attrs的一个注意要点
2018/11/09 Javascript
微信小程序中遇到的iOS兼容性问题小结
2018/11/14 Javascript
vue实现多条件和模糊搜索功能
2019/05/28 Javascript
vue-cli3自动消除console.log()的调试信息方式
2020/10/21 Javascript
[01:16:28]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第二场 2月23日
2021/03/11 DOTA
Python提示[Errno 32]Broken pipe导致线程crash错误解决方法
2014/11/19 Python
python实现基于两张图片生成圆角图标效果的方法
2015/03/26 Python
python+Django+apache的配置方法详解
2016/06/01 Python
在Python中执行系统命令的方法示例详解
2017/09/14 Python
用Django实现一个可运行的区块链应用
2018/03/08 Python
详解在python操作数据库中游标的使用方法
2019/11/12 Python
Python-openCV读RGB通道图实例
2020/01/17 Python
python 使用csv模块读写csv格式文件的示例
2020/12/02 Python
纯CSS3实现的阴影效果
2014/12/24 HTML / CSS
命名空间(namespace)和程序集(Assembly)有什么区别
2015/09/25 面试题
C#中有没有静态构造函数,如果有是做什么用的?
2016/06/04 面试题
环境保护与污染治理求职信
2014/07/16 职场文书
项目投资合作意向书
2014/07/29 职场文书
自我检讨书范文
2015/01/28 职场文书
关于艺术节的开幕致辞
2016/03/04 职场文书
使用feign服务调用添加Header参数
2021/06/23 Java/Android
Golang表示枚举类型的详细讲解
2021/09/04 Golang