JavaScript中判断页面关闭、页面刷新的实现代码_javascript技巧
程序员文章站
2022-05-14 20:14:20
...
今天由于项目需要判断用户离开页面时要判断用户的行为是关闭还是刷新
虽然没有直接的方法,但通过一定的技巧也能做到
不得不感叹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 alert('关闭页面行为');
}else{
alert('跳转或者刷新页面行为');
}
}
其实就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为。
虽然没有直接的方法,但通过一定的技巧也能做到
不得不感叹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 alert('关闭页面行为');
}else{
alert('跳转或者刷新页面行为');
}
}
其实就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为。
兼容各大浏览器!
推荐阅读
-
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
-
使用JavaScript实现在页面中显示距离2017年中秋节的天数
-
JavaScript中sharedWorker 实现多页面通信的实例详解
-
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
-
JavaScript在ASP页面中实现掩码文本框效果代码
-
JavaScript实现获取远程的html到当前页面中
-
IE6中使用position导致页面变形的解决方案(js代码)_javascript技巧
-
js计算页面刷新的次数_javascript技巧
-
js 实现打印网页中定义的部分内容的代码_javascript技巧
-
js 实现打印网页中定义的部分内容的代码_javascript技巧