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判断变量是否未定义的代码
Mar 28 Javascript
一个不错的js html页面倒计时可精确到秒
Oct 22 Javascript
window.open()实现post传递参数
Mar 12 Javascript
JavaScript简单表格编辑功能实现方法
Apr 16 Javascript
Select2.js下拉框使用小结
Oct 24 Javascript
微信小程序 五星评分(包括半颗星评分)实例代码
Dec 14 Javascript
webpack入门+react环境配置
Feb 08 Javascript
JS正则获取HTML元素的方法
Mar 31 Javascript
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
vue实现导航栏效果(选中状态刷新不消失)
Dec 13 Javascript
基于vue1和vue2获取dom元素的方法
Mar 17 Javascript
layui实现form表单同时提交数据和文件的代码
Oct 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 判断网页是否是utf8编码的方法
2014/06/06 PHP
详解thinkphp5+swoole实现异步邮件群发(SMTP方式)
2017/10/13 PHP
PHP中16个高危函数整理
2019/09/19 PHP
jquery简单瀑布流实现原理及ie8下测试代码
2013/01/23 Javascript
js中parseInt函数浅谈
2013/07/31 Javascript
jQuery学习笔记之jQuery动画效果
2013/09/09 Javascript
超级给力的JavaScript的React框架入门教程
2015/07/02 Javascript
jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
2016/01/22 Javascript
基于bootstrap插件实现autocomplete自动完成表单
2016/05/07 Javascript
基于WebUploader的文件上传js插件
2016/08/19 Javascript
利用Decorator如何控制Koa路由详解
2018/06/26 Javascript
微信小程序select下拉框实现源码
2019/11/08 Javascript
js对象简介与基本用法示例
2020/03/13 Javascript
mpvue实现微信小程序快递单号查询代码
2020/04/03 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
2020/10/29 Javascript
微信小程序自定义底部弹出框功能
2020/11/18 Javascript
python中self原理实例分析
2015/04/30 Python
浅谈Django自定义模板标签template_tags的用处
2017/12/20 Python
Python实现读取及写入csv文件的方法示例
2018/01/12 Python
Python 绘图库 Matplotlib 入门教程
2018/04/19 Python
Python判断以什么结尾以什么开头的实例
2018/10/27 Python
对python操作kafka写入json数据的简单demo分享
2018/12/27 Python
Django使用unittest模块进行单元测试过程解析
2019/08/02 Python
Python爬虫之urllib基础用法教程
2019/10/12 Python
python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例
2020/02/28 Python
iphoneX 适配客户端H5页面的方法教程
2017/12/08 HTML / CSS
3D空间设计学生找工作的自我评价
2013/10/28 职场文书
总经理职责范文
2013/11/08 职场文书
班组长岗位职责范本
2014/01/05 职场文书
工厂会计员职责
2014/02/06 职场文书
升国旗仪式主持词
2014/03/19 职场文书
校园环保建议书
2014/05/14 职场文书
小学师德师风演讲稿
2014/09/02 职场文书
精神文明建设先进个人事迹材料
2014/12/24 职场文书
清明节随笔
2015/08/15 职场文书
前端canvas中物体边框和控制点的实现示例
2022/08/05 Javascript