html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

JavaScript中判断页面关闭、页面刷新的实现代码_javascript技巧_

[ ] 已经帮助:人解决问题

今天由于项目需要判断用户离开页面时要判断用户的行为是关闭还是刷新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先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助