`

运用onunload事件判断浏览器是刷新还是关闭窗口

阅读更多
   当浏览器退出时会触发onunload事件,但刷新浏览器同样会触发onunload事件,也就是只要是离开该页面就会触发onunload事件,这样我们就遇到了一些麻烦。

解决方法一:
<script> 
              function CloseOpen(event) { 
                     if(event.clientX<=0 && event.clientY<0) { 
                            alert("关闭"); 
                     } 
                     else 
                     { 
                            alert("刷新或离开"); 
                     } 
              } 
</script> 

<body onunload="CloseOpen(event)"> 
</body>

只支持IE浏览器

方法二:判断条件改变为
if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey)

据说支持三大主流浏览器中firefox和IE
分享到:
评论
1 楼 walle1027 2012-08-10  
都不起效果,我的浏览器chrom 14 firefox10
上述几种方法都无效,楼主你自己试过吗?

相关推荐

    onunload事件判断浏览器是刷新还是关闭窗口

    运用onunload事件判断浏览器是刷新还是关闭窗口 兼容firefox5及其他浏览器

    判断浏览器是刷新还是关闭窗口

    当浏览器退出时会触发onunload事件,因此我们可以使用onunload事件做一些在页面关闭时要执行的操作,如提示用户信息等。但或许在实际应用中我们都发现一个问题,刷新浏览器同样会触发onunload事件,也就是只要是离开...

    基于JavaScript判断浏览器到底是关闭还是刷新(超准确)

    //页面刷新时,刷新之前执行onbeforeunload事件,在新页面即将替换旧页面时onunload事件,最后onload事件。 //页面关闭时,先onbeforeunload事件,再onunload事件。 //对于火狐: //页面刷新时,只执行onunload;...

    用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)

    Onunload,onbeforeunload都是在刷新或关闭时调用,可以在[removed]脚本中通过[removed]来指定或者在&lt;body&gt;里指定。区别在于onbeforeunload在onunload之前执行,它还可以阻止onunload的执行。 Onbeforeunload...

    判断页面是关闭还是刷新的js代码

    不管页面是关闭还是刷新都会执行onunload事件。如何捕捉到页面关闭呢?   页面加载时只执行onload  页面关闭时只执行onunload  页面刷新时先执行onbeforeunload,然后onunload,最后onload。这样我们可以在...

    javascript判断网页是关闭还是刷新

    本篇文章给大家介绍js判断网页是关闭还是刷新,实现原理就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小,根据大小由此判断用户是刷新,跳转或是关闭行为程序,需要的朋友可以参考下本

    js 浏览器事件介绍

    浏览器事件 浏览器事件指载入文档直到该文档被关闭期间的浏览器事件,如浏览器载入文档事件onload、关闭该文档事件onunload、浏览器失去焦点事件onblur、获得焦点事件onfocus 等。 先考察如下的代码: 代码如下: //...

    解决手机浏览器点击后退页面刷新问题,兼容苹果 safari浏览器和安卓浏览器

    解决手机浏览器点击后退页面刷新问题,兼容苹果 safari浏览器和安卓浏览器。 js的window.onbeforeunload,onunload,window.addEventListener(‘pagehide‘, () => {}手机浏览器不生效

    JS监听关闭浏览器事件之Onunload与Onbeforeunload

    NULL 博文链接:https://primarykeylw.iteye.com/blog/1568120

    浅谈javascript中onbeforeunload与onunload事件

    在最近的项目中,需要做到一个时间,就是用户离开...onbeforeunload 事件在即将离开当前页面(刷新或关闭)时触发。 该事件可用于弹出对话框,提示用户是继续浏览页面还是离开当前页面。 对话框默认的提示信息根据不

    onbeforeunload与onunload事件异同点总结

    1)异同点 相同点:onunload,onbeforeunload都是在刷新或关闭时调用,可以在[removed]脚本中通过[removed]来指定或者在&lt;body&gt;里指定。 不同点: a)onbeforeunload在onunload之前执行 ,它还可以阻止onunload的...

    分享JavaScript获取网页关闭与取消关闭的事件

    在做Web开发时,我们经常用到页面关闭事件onbeforeunload,可以给用户一个选择放弃关闭的机会,就比如这个博客编辑器。如果用户选择了离开,那么onunload事件自然会触发;但若用户选择了取消,又该如何检测呢? 我们...

    javascript监听页面刷新和页面关闭事件方法详解

    两者都是在对页面的关闭或刷新事件作个操作。 不同点: unbeforeunload()事件执行的顺序在onunload()事件之前发生。(因为,unbeforeunload()是在页面刷新之前触发的事件,而onubload()是在页面关闭之后才会触发的...

    javascript Onunload与Onbeforeunload使用小结.docx

    javascript Onunload与Onbeforeunload使用小结.docx

    解析javascript 浏览器关闭事件

    代码如下:[removed] ... [removed] = onunload_handler; function onbeforeunload_handler(){ var warning=”确认退出?”; return warning; //可以换成alert等具体操作 } function onunload_handler(){ 

    浏览器关闭时清空localStorage储存的数据

    浏览器关闭时清空localStorage储存的数据说明需求解决方案及思路 说明 由于不同页面或标签页间无法共享sessionStorage的信息,所以将项目中登录状态存于localStorage中。 需求 需要在用户关闭浏览器时,将...

Global site tag (gtag.js) - Google Analytics