JavaScript中判断页面关闭、页面刷新的实现代码
作者:bea
今天由于项目需要判断用户离开页面时要判断用户的行为是关闭还是刷新 虽然没有直接的方法,但通过一定的技巧也能做到 不得不感叹JavaScript的强大!! 请看一下代码: 代码如下: window.onunload = function(){ var a_n = window.event.screenX - window.screenLeft; var a_b = a_n > document.documentElement.scrollWidth-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< 0 || window.event.altKey){
alert('关闭页面行为');
}else{
alert('跳转或者刷新页面行为');
}
}
其实就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为。
兼容各大浏览器!
有用 | 无用
代码如下:
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触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为。
兼容各大浏览器!
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- jQuery实现异步获取json数据的2种方式
- 原生javascript实现的分页插件pagenav
- JavaScript判断变量是对象还是数组的方法
- 分享一个自己动手写的jQuery分页插件
- jQuery标签替换函数replaceWith()的使用例子
- jQuery焦点图切换简易插件制作过程全纪录
- javascript正则表达式参数/g与/i及/gi的使用指南
- JavaScript数组函数unshift、shift、pop、push使用实例
- JavaScript实现的in_array函数
- JavaScript AJAX之惰性载入函数
- IE浏览器不支持getElementsByClassName的解决方法
- JavaScript中使用stopPropagation函数停止事件传播例子
- JavaScript闭包函数访问外部变量的方法
- JavaScript中switch判断容易犯错的一个细节
- JavaScript中使用arguments获得函数传参个数实例
- JavaScript中输出</script>标签的方法
- JavaScript实现的GBK、UTF8字符串实际长度计算函数
- JavaScript实现的使用键盘控制人物走动实例
- JavaScript截取字符串的2个函数介绍