js实现关闭浏览器或者刷新浏览器的响应事件 | 胡鹏博客
首页 > js资料 > js实现关闭浏览器或者刷新浏览器的响应事件
2014四月18

js实现关闭浏览器或者刷新浏览器的响应事件

js实现关闭浏览器或者刷新浏览器的响应事件就是我们专业术语中的js监听关闭浏览器事件,是在我们在关闭、离开、刷新网页时的响应的一个事。下面胡鹏seo博客主要介绍Onunload与Onbeforeunload

Onunload,onbeforeunload都是在刷新或关闭时调用,可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。

Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时还没开始读取;而onunload则已经从服务器上读到了需要加载的新的页面,在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而 Onbeforeunload 可以做到。曾经做一个考试系统,涉及到防止用户半途退出考试(有意或者无意),代码如下:
<script type="text/javascript">
window.onbeforeunload = onbeforeunload_handler;
window.onunload = onunload_handler;
function onbeforeunload_handler(){
var warning="确认退出seo blog?";
return warning;
}

function onunload_handler(){
var warning="谢谢光临";
alert(warning);
}
</script>
这段代码在主流浏览器中只有360和IE上都能正确执行,其它浏览器兼容性不是很好。再点击关闭按钮时首先触发onbeforeunload事件,点击否定时不执行onload事件.

方法一:
<script>
window.onbeforeunload = function()
{
var n = window.event.screenX - window.screenLeft;
var b = n > document.documentElement.scrollWidth-20;
if(b && window.event.clientY < 0 || window.event.altKey)
{
alert("是关闭而非刷新");
window.event.returnValue = ""; //这里可以放置你想做的操作代码
}
}
</script>

方法二:
<script>
window.onbeforeunload = function()
{ CloseOpen(event);    }

function CloseOpen(event) {
if(event.clientX<=0 && event.clientY<0) {
alert("关闭");
}
else
{alert("刷新或离开");}
}
</script>
不过经过测试这些兼容性都不是特别好,除了ie都兼容外,其它的不兼容。

更多

文章作者:东莞seo
本文链接地址:http://www.seostudying.com/1755.html
欢迎转载,转载请注明出处»胡鹏博客 [js实现关闭浏览器或者刷新浏览器的响应事件]

本文目前尚无任何评论.
您必须在 登录 后才能发布评论.