onunload 与 onbeforeunload：
onunload ，onbeforeunload 都是在刷新或关闭时调用，可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。
onbeforeunload也是在页面刷新或关闭时调用，onbeforeunload是正要去服务器读取新的页面时调用。此时还没有还没有读取；而onunload则已经从服务器上读到了需要加载的新的页面，在即将替换当前页面时调用。onunload是无法阻止页面的更新和关闭的。而onbeforeunload可以做到。曾经做了一个考试系统，涉及到防止用户半途退出考试（有意或者无意）
代码如下：
<script type="text/javascript">
window.onbeforeunload = onbeforeunload_handler;
function onbeforeunload_handler(){
var waring = "确定关闭浏览器?";
return waring;
}
window.onunload = onunload_handler;
function onunload_handler(){
var waring = "谢谢光临";
alert(waring);
}
</script>
这段代码在谷歌和IE上都能正确执行，再点击关闭按钮时首先触发onbeforeunload事件，点击否定时不执行onload事件。
通常应用在 注销session 等等登录信息......
运用onbeforeunload事件判断浏览器是刷新还是关闭窗口.....
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 = ""; //这里可以放置你想做的操作代码
}
}
分享到：
相关推荐
关于 页面关闭问题 有很多网友提到 ，sesstion 到时间会触发 sesstion__end 来统计...2 建立一个关闭浏览器页面Defaulstop.aspx 3 在需要关闭刘楠器启用sessiong_end 就可以啦，直接把下面的代买拷贝到页面就可以
在JavaScript中，监听浏览器窗口关闭事件对于实现特定的用户交互或数据保存功能至关重要。下面将详细介绍几种常用的浏览器关闭事件监听方法。 1. 方式一：适用于IE浏览器，仅在关闭时提示 ```javascript window....
### JS监听关闭浏览器事件 在Web开发中，有时我们需要对用户关闭浏览器窗口或标签页的行为进行监测，并在这些行为发生前执行某些操作。这通常涉及到`onbeforeunload`和`onunload`这两个事件处理程序。 #### 1. `...
浏览器关闭事件通常指的是当用户关闭浏览器窗口或者离开当前网页时触发的事件。这种事件对于开发者来说非常重要，因为它可以用来做一些清理工作，比如释放资源、保存用户状态等。 #### 如何监听浏览器关闭事件 在...
为此，JavaScript 提供了 `onunload` 事件，它会在浏览器窗口被关闭或者用户离开当前页面时触发。然而，在实际的应用场景中，我们可能会遇到一个棘手的问题：不论是刷新页面还是真正关闭窗口，`onunload` 事件都会被...
- 使用`window.event`来获取触发事件的环境信息，并判断页面是关闭还是刷新。 - 利用`onbeforeunload`事件的返回值来进行判断，如果返回值被设置，则一般表示是关闭页面。 - 检测`onbeforeunload`事件和`onunload`...
本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法（包括浏览器按钮事件）。分享给大家供大家参考。具体如下： 用户离开页面前，提示是否离开此页面（包括浏览器按钮事件） [removed] [removed] = ...
`onbeforeunload`事件在页面即将卸载时触发，即当用户尝试离开当前页面或关闭浏览器窗口时。这个事件提供了一个机会来执行一些清理工作，或者询问用户是否真的要离开。它的一个常见用途是弹出一个对话框，确认用户...
然而，仅仅使用onbeforeunload事件并不能完全区分页面是刷新还是关闭，因为用户刷新页面时，也会触发该事件。 产品经理可能会提出更细致的需求，例如在页面关闭时和页面刷新时提供不同的提示信息，或者在页面刷新时...
网上很多博客说监听窗口关闭事件使用window.beforeunload,但是这个监听事件也会在页面刷新的时候执行，经过百度和自己的实际测试， 终于解决了这个问题，代码如下： mounted() { window.addEventListener('...
当用户尝试关闭浏览器窗口时，`window.onbeforeunload`事件会被触发。我们可以通过在Flex应用中调用JavaScript来监听这个事件，并在必要时显示一个警告框或执行其他逻辑。 #### 2. 实现步骤 ##### 2.1 JavaScript...
### JavaScript 触发事件列表详解 #### 一、单击事件(onclick) 当用户单击鼠标按键时触发的事件。通常，在HTML元素上定义`onclick`属性，该属性指定一个事件处理程序或一段代码，当点击事件发生时，这段代码将会被...
当浏览器退出时会触发 onunload 事件，因此我们可以使用 onunload 事件做一些在页面关闭时要执行的操作，如提示用户信息等。 但是，在实际应用中我们都发现一个问题，刷新浏览器同样会触发 onunload 事件，也就是...
### 浏览器事件大全知识点解析 #### 一、通用事件 **1.1 onclick** - **定义**：当用户单击元素时触发。 - **兼容性**：IE3、Netscape2（N2）。 - **应用场景**：常用于按钮点击事件处理。 **1.2 ondblclick** - *...
此事件在浏览器窗口即将关闭时触发。需要注意的是，不同浏览器对此事件的支持程度和行为有所不同。 ```javascript window.onbeforeunload = function() { if (flag) { var evt = window.event || arguments[0]; ...
1. **`onbeforeunload`事件简介**：这是一个特殊的事件，当用户尝试关闭或离开当前页面时会被触发。它通常用于询问用户是否真的想离开页面，尤其是在用户有未保存的工作的情况下。 2. **使用示例**：下面的示例展示...
通常需要在前端设置事件监听器，检测浏览器窗口关闭事件，触发登出操作，发送登出请求到服务器，使得服务器端的session失效。 5. **登出功能**：用户主动点击登出按钮时，前端向服务器发送登出请求，服务器接收到...
标题和描述中提到的知识点主要包括如何使用JavaScript关闭浏览器窗口以及如何检测浏览器关闭或刷新事件。这些知识点对于Web开发者来说非常重要，因为它们可以用于处理用户注销、防止表单数据丢失以及管理浏览会话。 ...
### JavaScript 页面关闭事件详解 #### 一、引言 在Web开发中，有时我们需要在用户即将离开当前页面时执行一些操作，例如询问用户是否确定离开（如果他们对表单进行了未保存的更改）、记录用户的某些行为等。这些...
当用户尝试离开当前页面（例如关闭浏览器、点击前进或后退按钮、打开新窗口或标签页等）时，浏览器会触发 `onbeforeunload` 事件。在这个事件处理函数中，我们可以执行一些必要的操作，如发送Ajax请求到服务器，...