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中实现简单的tabs插件功能的代码
Mar 02 Javascript
YUI模块开发原理详解
Nov 18 Javascript
js对table的td进行相同内容合并示例详解
Dec 27 Javascript
javascript实现拖动元素交换位置
Nov 29 Javascript
js实现右键自定义菜单
Dec 03 Javascript
纯jQuery实现前端分页功能
Mar 23 jQuery
关于vue-router路径计算问题
May 10 Javascript
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
jQuery扩展方法实现Form表单与Json互相转换的实例代码
Sep 05 jQuery
简单了解vue中父子组件如何相互传递值(基础向)
Jul 12 Javascript
Vue实现点击显示不同图片的效果
Aug 10 Javascript
JavaScript实现简单进度条效果
Mar 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
教你识别简单的免查杀PHP后门
2015/09/13 PHP
在IE上直接编辑网页内容的js代码(IE地址栏js)
2009/04/27 Javascript
javascript prototype原型操作笔记
2009/12/07 Javascript
javascript使用activex控件的代码
2011/01/27 Javascript
jQuery1.5.1 animate方法源码阅读
2011/04/05 Javascript
用Javascript来生成ftp脚本的小例子
2013/07/03 Javascript
javascript判断两个IP地址是否在同一个网段的实现思路
2013/12/13 Javascript
用jQuery模拟select下拉框的简单示例代码
2014/01/26 Javascript
javascript实现控制浏览器全屏
2015/03/30 Javascript
学习JavaScript设计模式之责任链模式
2016/01/18 Javascript
js移动焦点到最后位置的简单方法
2016/11/25 Javascript
Vue.js学习之计算属性
2017/01/22 Javascript
vue.js 初体验之Chrome 插件开发实录
2017/05/13 Javascript
Vue.js常用指令之循环使用v-for指令教程
2017/06/27 Javascript
vue2.0结合Element-ui实战案例
2019/03/06 Javascript
JS制作简易计算器的实例代码
2020/07/04 Javascript
vantUI 获得piker选中值的自定义ID操作
2020/11/04 Javascript
[45:38]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#1Liquid VS Alliance第一局
2016/03/02 DOTA
Python中的包和模块实例
2014/11/22 Python
python实现简单的socket server实例
2015/04/29 Python
Django ORM框架的定时任务如何使用详解
2017/10/19 Python
Python3+OpenCV2实现图像的几何变换(平移、镜像、缩放、旋转、仿射)
2019/05/13 Python
python设计微型小说网站(基于Django+Bootstrap框架)
2019/07/08 Python
python实现PCA降维的示例详解
2020/02/24 Python
详解django使用include无法跳转的解决方法
2020/03/19 Python
Python 实现一行输入多个数字(用空格隔开)
2020/04/29 Python
python math模块的基本使用教程
2021/01/16 Python
HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
2013/01/30 HTML / CSS
基于第一个PhoneGap(cordova)的应用详解
2013/05/03 HTML / CSS
几个常见的消息中间件(MOM)
2014/01/08 面试题
介绍一下EJB的分类及其各自的功能及应用
2016/08/23 面试题
舞蹈毕业生的自我评价
2014/03/05 职场文书
2014年大学生四年规划书范文
2014/04/03 职场文书
市级绿色学校申报材料
2014/08/25 职场文书
MySQL8.0的WITH查询详情
2021/08/30 MySQL
win11开机发生死循环重启怎么办?win11开机发生死循环重启解决方法
2022/08/05 数码科技