JavaScript中判断页面关闭、页面刷新的实现代码
更新时间：2014年08月27日 08:50:08 投稿：junjie
这篇文章主要介绍了JavaScript中判断页面关闭、页面刷新的实现代码,在一些特殊的场合中会用到这个技术,需要的朋友可以参考下
今天由于项目需要判断用户离开页面时要判断用户的行为是关闭还是刷新
虽然没有直接的方法，但通过一定的技巧也能做到
不得不感叹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触发时间去检测此时的浏览器的窗口大小，根据大小由此判断用户是刷新，跳转或是关闭行为。
兼容各大浏览器！
相关文章
说文字溢出，如何实现溢出的文字放入一个新生成的div中，原理就是判断是否能在div里放下，如果不能，则在应该断开的地方，差入到新的div中2013-05-05
这篇文章主要介绍了js生成随机数方法和实例,由js生成一切随机数的基础都是Math.random(),有兴趣的可以了解一下。2017-01-01
这篇文章主要介绍了用Webpack构建Vue项目的实践，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-11-11
面向对象是一种重要的编程范式,如何灵活的创建对象,是对编程基本功的考验,本来我们来探讨一下JavaScript中创建对象的十种方式,感兴趣的小伙伴可以了解下2023-10-10
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
这篇文章主要给大家介绍了关于Javascript中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性的相关资料，文中介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。2017-03-03
本文主要介绍Web安全测试之XSS,这里详细整理了测试XSS的资料，并附示例代码和详细讲解，有需要的小伙伴可以参考下2016-08-08
JavaScript实现按照指定长度为数字前面补零输出的方法
这篇文章主要介绍了JavaScript实现按照指定长度为数字前面补零输出的方法,实例分析了javascript操作数字补零的技巧,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了element中的$confirm的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-04-04
Bootstrap预定义排版类,做web前端开发的你精通吗？bootstrap前端框架到底为我们预定义了那些排版的类呢？感兴趣的小伙伴们可以参考一下2016-06-06
下面小编就为大家分享一篇基于dataset的使用和图片延时加载的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
最新评论