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中callee与caller的用法和应用场景
Dec 08 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器
Jun 21 Javascript
JavaScript和CSS通过expression实现Table居中显示
Jun 28 Javascript
JavaScript学习笔记之内置对象
Jan 22 Javascript
jQuery与Ajax以及序列化
Feb 01 Javascript
d3.js入门教程之数据绑定详解
Apr 28 Javascript
浅谈Angular4中常用管道
Sep 27 Javascript
解析Vue2 dist 目录下各个文件的区别
Nov 22 Javascript
axios+Vue实现上传文件显示进度功能
Apr 14 Javascript
使用js获取身份证年龄的示例代码
Dec 11 Javascript
jQuery实现tab栏切换效果
Dec 22 jQuery
微信小程序scroll-view不能左右滑动问题的解决方法
Jul 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
Linux下ZendOptimizer的安装与配置方法
2007/04/12 PHP
require(),include(),require_once()和include_once()区别
2008/03/27 PHP
对squid中refresh_pattern的一些理解和建议
2009/04/17 PHP
PHP 工厂模式使用方法
2010/05/18 PHP
基于php设计模式中工厂模式详细介绍
2013/05/15 PHP
php编程每天必学之验证码
2016/03/03 PHP
Laravel实现autoload方法详解
2017/05/07 PHP
jQuery之$(document).ready()使用介绍
2012/04/05 Javascript
js showModalDialog 弹出对话框的简单实例(子窗体)
2014/01/07 Javascript
jQuery动画效果animate和scrollTop结合使用实例
2014/04/02 Javascript
常用jQuery选择器总结
2014/07/11 Javascript
JavaScript里四舍五入函数round用法实例
2015/04/06 Javascript
jQuery实现垂直半透明手风琴特效代码分享
2015/08/21 Javascript
jquery带动画效果幻灯片特效代码
2015/08/27 Javascript
详解js中常规日期格式处理、月历渲染和倒计时函数
2016/12/28 Javascript
微信小程序 页面之间传参实例详解
2017/01/13 Javascript
快速解决vue动态绑定多个class的官方实例语法无效的问题
2018/09/05 Javascript
代码分析vue中如何配置less
2018/09/28 Javascript
jQuery+vue.js实现的多选下拉列表功能示例
2019/01/15 jQuery
jQuery实现合并表格单元格中相同行操作示例
2019/01/28 jQuery
vue中实现回车键登录功能
2020/02/19 Javascript
[01:50]2014DOTA2西雅图邀请赛 专访欢乐周宝龙
2014/07/08 DOTA
[59:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第二局
2016/03/04 DOTA
Python yield 使用浅析
2015/05/28 Python
Python中int()函数的用法浅析
2017/10/17 Python
Python之列表实现栈的工作功能
2019/01/28 Python
Python高级编程之消息队列(Queue)与进程池(Pool)实例详解
2019/11/01 Python
tensorflow 查看梯度方式
2020/02/04 Python
Python实现LR1文法的完整实例代码
2020/10/25 Python
python推导式的使用方法实例
2021/02/28 Python
Kathmandu英国网站:新西兰户外运动品牌
2017/03/27 全球购物
数据管理员的自我评价分享
2013/11/15 职场文书
客房服务员岗位职责
2015/02/09 职场文书
税务会计岗位职责
2015/04/02 职场文书
源码分析Redis中 set 和 sorted set 的使用方法
2022/03/22 Redis
Pytorch中expand()的使用(扩展某个维度)
2022/07/15 Python