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 相关文章推荐
用Jquery重写windows.alert方法实现思路
Apr 03 Javascript
JavaScript中发布/订阅模式的简单实例
Nov 05 Javascript
jQuery链式操作实例分析
Nov 16 Javascript
深入理解js函数的作用域与this指向
May 28 Javascript
8 行 Node.js 代码实现代理服务器
Dec 05 Javascript
jQuery网页定位导航特效实现方法
Dec 19 Javascript
VUE实现日历组件功能
Mar 13 Javascript
AngularJS实现图片上传和预览功能的方法分析
Nov 08 Javascript
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 jQuery
Vue实现表格中对数据进行转换、处理的方法
Sep 06 Javascript
如何在微信小程序中实现Mixins方案
Jun 20 Javascript
js仿京东放大镜效果
Aug 09 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验证码 附调用方法
2016/06/02 PHP
Yii2使用$this-&gt;context获取当前的Module、Controller(控制器)、Action等
2017/03/29 PHP
thinkphp5框架API token身份验证功能示例
2019/05/21 PHP
html下载本地
2006/06/19 Javascript
通过修改referer下载文件的方法
2008/05/11 Javascript
javascript prototype 原型链
2009/03/12 Javascript
jquery 将disabled的元素置为enabled的三种方法
2009/07/25 Javascript
JS中 用户登录系统的解决办法
2013/04/15 Javascript
js图片延迟加载的实现方法及思路
2013/07/22 Javascript
JQuery选择器、过滤器大整理
2015/05/26 Javascript
JavaScript中数组去除重复的三种方法
2016/04/22 Javascript
浅谈Angular中ngModel的$render
2016/10/24 Javascript
jQuery中 $ 符号的冲突问题及解决方案
2016/11/04 Javascript
webpack学习笔记之优化缓存、合并、懒加载
2017/08/24 Javascript
基于百度地图api清除指定覆盖物(Overlay)的方法
2018/01/26 Javascript
在vue里面设置全局变量或数据的方法
2018/03/09 Javascript
详解Vue 单文件组件的三种写法
2020/02/19 Javascript
vue集成一个支持图片缩放拖拽的富文本编辑器
2021/01/29 Vue.js
python从ftp下载数据保存实例
2013/11/20 Python
菜鸟使用python实现正则检测密码合法性
2016/01/05 Python
Python中的迭代器与生成器高级用法解析
2016/06/28 Python
Python实现扩展内置类型的方法分析
2017/10/16 Python
Python实现的栈(Stack)
2018/01/26 Python
给我一面国旗 python帮你实现
2019/09/30 Python
Python3 中作为一等对象的函数解析
2019/12/11 Python
python 回溯法模板详解
2020/02/26 Python
pytorch  网络参数 weight bias 初始化详解
2020/06/24 Python
IWOOT美国:新奇的小玩意
2018/04/27 全球购物
美国美食礼品篮网站:Gourmet Gift Baskets
2019/12/15 全球购物
电子信息科学专业自荐信
2014/01/30 职场文书
春季运动会广播稿大全
2014/02/19 职场文书
绩效工资实施方案
2014/03/15 职场文书
公司开业庆典策划方案
2014/06/04 职场文书
党的群众路线教育实践活动总结大会主持词
2014/10/30 职场文书
走群众路线学习心得体会
2014/10/31 职场文书
见习报告怎么写
2014/10/31 职场文书