今天由于项目需要判断用户离开页面时要判断用户的行为是关闭还是刷新2S4HTML5中文学习网 - HTML5先行者学习网
虽然没有直接的方法,但通过一定的技巧也能做到2S4HTML5中文学习网 - HTML5先行者学习网
不得不感叹JavaScript的强大!!2S4HTML5中文学习网 - HTML5先行者学习网
请看一下代码:2S4HTML5中文学习网 - HTML5先行者学习网
2S4HTML5中文学习网 - HTML5先行者学习网
window.onunload = function(){ 2S4HTML5中文学习网 - HTML5先行者学习网
var a_n = window.event.screenX - window.screenLeft; 2S4HTML5中文学习网 - HTML5先行者学习网
var a_b = a_n > document.documentElement.scrollWidth-20; 2S4HTML5中文学习网 - HTML5先行者学习网
if(a_b && window.event.clientY< 0 || window.event.altKey){ 2S4HTML5中文学习网 - HTML5先行者学习网
alert('关闭页面行为');2S4HTML5中文学习网 - HTML5先行者学习网
}else{2S4HTML5中文学习网 - HTML5先行者学习网
alert('跳转或者刷新页面行为'); 2S4HTML5中文学习网 - HTML5先行者学习网
}2S4HTML5中文学习网 - HTML5先行者学习网
}2S4HTML5中文学习网 - HTML5先行者学习网
2S4HTML5中文学习网 - HTML5先行者学习网其实就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为。
2S4HTML5中文学习网 - HTML5先行者学习网兼容各大浏览器!2S4HTML5中文学习网 - HTML5先行者学习网