`

运用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 事件判断浏览器是刷新还是关闭窗口 在浏览器中,我们经常需要判断浏览器是刷新还是关闭窗口,以便执行相应的操作。onunload 事件可以帮助我们实现这个功能。当浏览器退出时会触发 onunload 事件,因此我们...

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

    ### 判断浏览器是刷新还是关闭窗口 在网页开发过程中,我们常常希望能在用户退出或离开当前页面时执行一些特定的操作,比如保存用户的状态、显示一个警告框等。为此,JavaScript 提供了 `onunload` 事件,它会在...

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

    - 检测`onbeforeunload`事件和`onunload`事件触发之间的时间间隔,以此来判断是刷新还是关闭。如果时间间隔较短,则倾向于认为是关闭页面。 示例代码如下: ```javascript window.onbeforeunload = function() { ...

    用JS判断浏览器刷新还是关闭

    ### 如何用JavaScript判断浏览器是刷新还是关闭 在Web开发中,有时候我们需要了解用户是通过刷新页面还是直接关闭浏览器来离开当前网页。虽然JavaScript本身并没有提供直接的方法来区分这两种行为,但可以通过监听...

    JS针对浏览器窗口关闭事件的监听方法集锦

    在JavaScript中,监听浏览器窗口关闭事件对于实现特定的用户交互或数据保存功能至关重要。下面将详细介绍几种常用的浏览器关闭事件监听方法。 1. 方式一:适用于IE浏览器,仅在关闭时提示 ```javascript window....

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

    在探讨“判断页面是关闭还是刷新的js代码”这一主题时,我们首先需要理解网页生命周期中的几个关键事件:`onload`、`onunload`、`onbeforeunload`以及`onclose`。这些事件在网页加载、卸载或刷新过程中扮演着重要...

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

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

    Js智能判断浏览器是关闭还是刷新的代码

    根据提供的文件信息,我们可以了解到用户想要实现的是利用JavaScript技术判断浏览器是被用户关闭了还是仅仅执行了刷新操作。在Web开发中,了解用户的操作行为对于统计分析、页面状态保存、用户体验优化等场景非常...

    JS监听关闭浏览器事件

    `onbeforeunload`事件是在用户尝试关闭窗口、标签页或者刷新页面时触发的。这是一个非常有用的事件,因为它允许开发者在用户真正离开页面之前执行一些代码,例如提示用户是否真的想离开当前页面、保存表单数据等。 ...

    vuejs中监听窗口关闭和窗口刷新事件的方法

    在Vue.js中实现对窗口关闭和刷新事件的监听,是一种常见的需求,可以用来在用户离开页面之前保存信息、提示用户是否真的想要关闭或者刷新页面等。以下是关于如何在Vue.js项目中实现监听窗口关闭和刷新事件的一些方法...

    捕获浏览器关闭、刷新事件不同情况下的处理方法

    然而,仅依赖`onbeforeunload`和`onunload`事件并不能区分用户是关闭浏览器还是刷新页面。这时,我们需要结合其他信息来判断。例如,可以通过检查鼠标位置和键盘状态来区分这两种情况: ```javascript function ...

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

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

    javascript Onunload与Onbeforeunload使用小结.docx

    在JavaScript中,`onunload`和`onbeforeunload`是非常重要的两个事件,它们主要用于监听浏览器窗口关闭或者页面刷新的情况。这两种事件的应用场景非常广泛,比如在用户离开网页前进行数据同步、警告用户未保存更改等...

    Onload,Onunload和onbeforeunload方法的异同

    `onunload`事件则是在页面卸载之前触发,这通常发生在用户离开当前页面,比如点击了链接、刷新页面或关闭浏览器窗口。在这个事件中,可以执行清理工作,如取消正在进行的网络请求,释放内存占用等。需要注意的是,...

    JS监控关闭浏览器操作的实例详解.docx

    在JavaScript中,有时我们需要在用户关闭浏览器窗口或者刷新页面时执行一些特定的操作,例如保存用户数据、清理资源或者发送最后的请求。这个过程可以通过监听浏览器的特定事件来实现。本文将详细讲解如何使用...

    解析javascript 浏览器关闭事件

    这两个事件允许开发者在用户离开页面或关闭浏览器窗口时执行特定的操作。 1. `onbeforeunload` 事件: 当用户尝试离开当前页面(例如,通过点击浏览器的关闭按钮、导航到另一个URL或刷新页面)时,`onbeforeunload...

    js中onload与onunload的使用示例

    另一方面,onunload事件处理器则是在用户离开当前页面的时候触发,无论是通过点击链接跳转到其他页面、关闭浏览器窗口还是刷新当前页面。onunload处理器可以在用户离开页面之前执行一些清理工作,比如保存用户在页面...

    Vue监听页面刷新和关闭功能

    `window.onbeforeunload`事件会在页面即将被卸载前触发,无论是因为用户关闭窗口、刷新页面还是导航到另一个页面。在该事件的处理函数中,可以执行需要的操作,如将购物车数据提交到服务器。如果函数返回一个字符串...

    浅谈javascript中onbeforeunload与onunload事件

    `onbeforeunload`事件在页面即将卸载之前触发,即在用户尝试刷新页面、关闭窗口或导航到其他URL时。这个事件通常用于弹出一个对话框,询问用户是否确定要离开当前页面。自定义的返回值可以作为对话框的提示信息,但...

    onbeforeunload与onunload事件异同点总结

    - 无论是 `onbeforeunload` 还是 `onunload`,它们都可以在页面刷新或窗口关闭时被调用。 - 两种事件都可通过 `&lt;script&gt;` 脚本或在 `&lt;body&gt;` 标签中使用 `window.onunload` 来指定监听器。 - 这两个事件都是页面...

Global site tag (gtag.js) - Google Analytics