主题：监听浏览器关闭按钮点击事件 -- 使用JS - 浪花的博客(最淡的墨水，也胜过最强的记忆 ) - ITeye博客

`

langhua9527

浏览: 450677 次
性别:
来自: 昆明

最近访客更多访客>>

TurnMusic

shijiu

xiaohei445_qq

King__Jrj

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

云端月影： mark
UIView总结
yuji0228： [i][i][i][i][i][i][i][i][i][i][ ...
JasperReport学习笔记2-创建简单的报表例子
hhb19900618：你好运行报错java.net.BindException: ...
Java服务器程序
tan8888：即使是定义了compareTo ，treeSet还是会出现相同 ...
HashSet与TreeSet
chinalian：谢谢，总结的很清晰。
Jquery模仿Google Suggest基于js的动态下拉菜单

主题：监听浏览器关闭按钮点击事件 -- 使用JS

博客分类：

html+javascript+css

浏览器应用服务器 IE 脚本

阅读更多

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="确认退出?";           
        return warning;   
    }   
       
    function onunload_handler(){   
        var warning="谢谢光临";   
        alert(warning);   
    }   
// -->   
</script>

这段代码在FF和IE上都能正确执行.再点击关闭按钮时首先触发obbeforeunload事件,点击否定时不执行onload事件.

通常应用在注销session等等登陆信息等方面....

分享到：

j2ee项目编码统一 | javascript函数

2008-12-23 15:43
浏览 3841
评论(1)
查看更多

评论

1 楼 javaoldboy 2009-01-01

就是没办法区别到底是关闭页面还是刷新页面

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

js实现监听浏览器关闭和刷新事件: js实现监听浏览器关闭和刷新事件支持三大浏览器，点击直接看效果

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

用html5 js实现点击一个按钮达到浏览器全屏效果: HTML5全屏API允许网页或应用在不使用...通过上述知识点，开发者可以实现点击按钮控制浏览器全屏显示，同时对全屏模式下的事件进行监听和样式自定义。这些知识点为实现全屏效果的网页和应用提供了技术基础和实现方法。

js监控IE火狐浏览器关闭、刷新、回退、前进事件.docx: ### JS监控IE与火狐浏览器关闭、刷新、回退、前进事件 #### 一、引言在Web应用开发过程中，有时需要对用户的浏览器行为进行监控，比如浏览器的关闭、刷新、前进或后退等操作。这对于提高用户体验、确保应用程序...

js调用浏览器打印模块实现点击按钮触发自定义函数: 在JavaScript代码中，我们首先使用jQuery的点击事件监听功能，将自定义的打印函数绑定到按钮上。当按钮被点击时，printPDF函数就会被调用。该函数首先判断用户的浏览器是Internet Explorer还是其他现代浏览器（如...

微信浏览器左上角返回按钮监听的实现: 即公众号菜单->A->B->C，点击返回后，返回了B(且无刷新)，目的是要在C直接跳转至A(公众号菜单->A->B->C，C->A)，虽然可以在C上添加按钮之类的操作进行跳转(公众号菜单->A->B->C->A)，但当点击左上角返回按钮后，...

vue监听浏览器原生返回按钮,进行路由转跳操作: 综上所述，监听浏览器原生返回按钮，并根据应用的需要执行不同的路由操作，需要开发者合理使用`popstate`事件监听以及vue-router提供的导航守卫功能。这样做可以大幅提升用户的操作体验，确保页面间的数据一致性，...

判断浏览器是刷新还是关闭窗口: 当用户通过点击浏览器的关闭按钮或通过其他方式（如刷新页面）离开当前页面时，此事件将被触发。由于其触发时机的特殊性，`onunload` 常被用来执行一些清理工作，如清除定时器、保存用户数据等。 **注意**：`...

js事件模型: 在JavaScript中，事件是用户或浏览器对网页进行某种操作时触发的特定行为，例如点击按钮、滚动页面等。理解并掌握事件模型对于创建交互式Web应用至关重要。首先，我们来看一下常见的JavaScript事件类型： 1. 鼠标...

JS区分浏览器页面是刷新还是关闭: 然而，仅仅使用onbeforeunload事件并不能完全区分页面是刷新还是关闭，因为用户刷新页面时，也会触发该事件。产品经理可能会提出更细致的需求，例如在页面关闭时和页面刷新时提供不同的提示信息，或者在页面刷新时...

javascript事件列表解说: 浏览器事件主要与用户的交互有关，如点击、滚动、提交表单等；DOM事件则关注于文档对象的状态改变，例如元素的加载、改变或删除。 1. 鼠标事件： - click：鼠标单击。 - dblclick：鼠标双击。 - mousedown：鼠标...

在vue中阻止浏览器后退的实例: 这段代码的主要作用是在用户点击浏览器的后退按钮时，通过监听`popstate`事件，使用`pushState`方法把当前页面的URL添加到历史记录中。这使得每次点击后退按钮时，浏览器都会重新导航到当前页面，从而达到阻止后退的...

Javascript 事件一览表: 事件可以是用户操作，如点击按钮、滚动页面，或者是浏览器行为，如页面加载或图片加载完成。理解JavaScript事件及其兼容性对于构建动态、响应式的网页至关重要。一、事件类型 1. 用户交互事件： - click：鼠标...

javascript实现禁用浏览器后退按钮: ### JavaScript 实现禁用浏览器后退按钮的知识点详解 #### 一、背景介绍在Web开发过程中，有时候出于用户体验或者安全性的考虑，开发者可能会选择禁用浏览器的后退按钮功能。例如，在某些登录验证后的页面，为了...

JS应用（资料很全）: - `event.srcElement`：事件触发的对象，例如，当点击按钮时，`event.srcElement`就是被点击的按钮。 - `event.keyCode`：记录按下键盘时对应的键的ASCII码。 - `event.shiftKey`, `event.altKey`, `event....

iOS微信浏览器回退不刷新实例(监听浏览器回退事件): 为此，我们可以借助JavaScript的history对象来监听浏览器的回退事件，并相应地强制刷新页面或者执行其他自定义逻辑。在这篇文章中，我们看到了如何使用pushState方法来监听浏览器的回退事件。pushState是HTML5提供...

javascript经典特效---按钮打开全屏窗口.rar: - 编写JavaScript代码，获取该按钮元素并添加点击事件监听器。 - 在监听器内部，判断当前是否已处于全屏模式。如果是，则调用`document.exitFullScreen()`退出；如果不是，则选择要全屏化的元素（通常为`document....

vue实现微信浏览器左上角返回按钮拦截功能: 主要介绍了vue实现微信浏览器左上角返回按钮拦截功能,本文通过实例代码相结合的形式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

Global site tag (gtag.js) - Google Analytics