如何运用onunload事件判断浏览器是刷新还是关闭窗口
2007-12-19 10:40
519 查看
当浏览器退出时会触发onunload事件,因此我们可以使用onunload事件做一些在页面关闭时要执行的操作,如提示用户信息等。但或许在实际应用中我们都发现一个问题,刷新浏览器同样会触发onunload事件,也就是只要是离开该页面就会触发onunload事件,或许刷新时我们并不想执行onunload定义的操作,或者我们只想在刷新时执行某操作,这样我们就遇到了一些麻烦。
下面就把找到的两段代码共享出来,希望对正好需要解决此问题朋友有所帮助。
方法一:
<HTML>
<HEAD>
<TITLE>判断是刷新还是关闭-www.51windows.Net</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="51windows,海娃,haiwa">
<META NAME="Description" CONTENT="Power by 51windows.Net">
</HEAD>
<script>
function CloseOpen(event) {
if(event.clientX<=0 && event.clientY<0) {
alert("关闭");
}
else
{
alert("刷新或离开");
}
}
</script>
<body onunload="CloseOpen(event)">
</BODY>
</HTML>
第二种做法:
<script language="javascript">
window.onbeforeunload = function() //author: meizz
{
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>
下面就把找到的两段代码共享出来,希望对正好需要解决此问题朋友有所帮助。
方法一:
<HTML>
<HEAD>
<TITLE>判断是刷新还是关闭-www.51windows.Net</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="51windows,海娃,haiwa">
<META NAME="Description" CONTENT="Power by 51windows.Net">
</HEAD>
<script>
function CloseOpen(event) {
if(event.clientX<=0 && event.clientY<0) {
alert("关闭");
}
else
{
alert("刷新或离开");
}
}
</script>
<body onunload="CloseOpen(event)">
</BODY>
</HTML>
第二种做法:
<script language="javascript">
window.onbeforeunload = function() //author: meizz
{
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>
相关文章推荐
- 如何运用onunload事件判断浏览器是刷新还是关闭窗口
- 如何运用onunload事件判断浏览器是刷新还是关闭窗口
- 如何运用onunload事件判断浏览器是刷新还是关闭窗口
- onunload事件判断浏览器是刷新还是关闭窗口
- 判断浏览器是刷新还是关闭窗口
- 判断浏览器是刷新还是关闭窗口
- 浏览器关闭监听事件,判断刷新还是关闭
- 基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件) 详细出处参考:http://www.jb51.net/article/30640.htm
- js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法
- Js智能判断浏览器是关闭还是刷新的代码
- 判断浏览器到底是关闭还是刷新?准确性超高
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
- 浏览器右键、刷新、默认事件、打开新窗口、关闭续
- 浏览器右键、刷新、默认事件、打开新窗口、关闭
- 如何机智判断页面是刷新还是关闭,背景:vue项目,需求:关闭页面,下次直接跳到登陆页
- 判断浏览器是刷新还是关闭的js代码
- js判断浏览器的关闭标签动作和刷新的事件
- js 监听浏览器刷新还是关闭事件
- 用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)