监听浏览器关闭按钮点击事件

最新推荐文章于 2024-03-09 13:30:12 发布
最新推荐文章于 2024-03-09 13:30:12 发布
阅读量1.2k 收藏
点赞数
分类专栏： ★JavaEE ★混杂代码专栏 文章标签： 浏览器 function actionscript 服务器 java session
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yvan2008/article/details/5625861
版权

Onunload与Onbeforeunload
Onunload，onbeforeunload都是在刷新或关闭时调用，可以在<script>脚本中通过window.onunload来指定或者在<body>里指定。区别在于 onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。

Onbeforeunload也是在页面刷新或关闭时调用，Onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取；而 onunload则已经从服务器上读到了需要加载的新的页面，在即将替换掉当前页面时调用。Onunload是无法阻止页面的更新和关闭的。而 Onbeforeunload 可以做到。曾经做一个考试系统，涉及到防止用户半途退出考试（有意或者无意），代码如下：
Java代码

<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>


<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>


Java代码

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

Java代码

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

Java代码

这里一并推荐一个ActionScript3的好教程: http://gskinner.com/talks/as3workshop/

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

写道
function CloseOpen(event) {
if(event.clientX<=0 && event.clientY<0) {
alert("关闭");
}
else
{
alert("刷新或离开");
}
}

Java代码

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 = ""; //这里可以放置你想做的操作代码
}
} 

iyvan
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js实现监听浏览器关闭和刷新事件
04-16
js实现监听浏览器关闭和刷新事件支持三大浏览器，点击直接看效果
监听浏览器关闭按钮点击事件 -- 使用JS
dreary001的博客
05-17 175
[size=large]Onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 Onbeforeunload也是在页面刷新或关闭时调用，Onbeforeunload是正要去服务器读取新的页面时调用，此时还...
网页关闭按钮事件
weixin_30684743的博客
03-22 158
在页面中加入如下的脚本function window.onbeforeunload(){ event.returnValue = "关闭页面的提示信息";} 通过捕捉点击浏览器的关闭按钮事件,可以在页面关闭前给出提示信息,提示关闭. 0 0 0 (请您对文章做出评价) 转载于:https://www.cnblogs.com/lhuser/articl...
【解决方案】监听浏览器关闭事件并进行前后端交互
最新发布
前端成长之路
03-09 613
2.第二点，可以通过performance.getEntriesByType(‘navigation’)[0].type === 'reload’判断页面进入类型是否为刷新来解决。1.第一点，原因是因为chrom最新的浏览器策略导致，新版本浏览器已修改，页面不发生任何交互事件时，此事件不触发。开发过程中碰到个需求，需要在浏览器关闭的时候调用一个接口，告诉后端页面关闭了，反复尝试后记录下解决过程。因为chrom的新特性，导致无法直接通过浏览器事件来判断，故需要新的解决方案。
javascript判断窗口关闭事件
weixin_30527323的博客
03-28 78
<script language=javascript>function window.onbeforeunload(){ if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey||event.ctrlKey) { //判断event.altKey是为...
java 监听关闭按钮事件_监听浏览器关闭按钮点击事件 -- 使用JS
weixin_30925435的博客
02-13 609
Onunload与Onbeforeunload Onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行 (测试了下，发现onbeforeunload由于会阻止onunload的执行，则也会window.close()的执...
JS针对浏览器窗口关闭事件的监听方法集锦
11-22
方式一：(适用于IE浏览器，而且刷新不提示，只在点击浏览器关闭按钮的时候提示) [removed] [removed]=onclose; function onclose() { if(event.clientX>document.body.clientWidth&&event.clientY<0||event....
iOS微信浏览器回退不刷新实例(监听浏览器回退事件)
08-30
下面小编就为大家带来一篇iOS微信浏览器回退不刷新实例(监听浏览器回退事件)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
微信浏览器左上角返回按钮监听的实现
10-15
主要介绍了微信浏览器左上角返回按钮监听的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
如何实现JSTL if else if else 的jsp标签
Yvan's
07-29 6896
<br />为什么JSTL只有c:if 而没有elseif、else？<br />当需要判断多个条件的时候，只能写多个c:if 或者使用c:choose。<br />虽然struts有else if 和 else标签，不过看着就跟多个c:if 没什么2区别，方法如下：<br /><br /><s:if test="">  <br />　one<br /></s:if><br /><s:elseif test=""><br />  two<br /></s:elseif><br /><s:else><br /
request.getParameter(“xxx”)乱码
Yvan's
06-30 5279
在tomcat5中发现了以前处理tomcat4的方法不能适用于处理直接通过url提交的请求，上网找资料终于发现了最完美的解决办法，不用每个地方都转换了，而且无论get,和post都正常。写了个文档，贴出来希望跟我有同样问题的人不再像我一样痛苦一次:-)　　问题描述：　　1 表单提交的数据，用request.getParameter(“xxx”)返回的字符串为乱码或者？？　　2 直接通过ur
初探Top：App Key，App Secret ，授权码 ，SessionKey 之间的关系
Yvan's
11-18 3004
 AppKey：可以认为是你申请的应用的一个唯一标识AppSecret：你申请的应用的密钥，主要用于对请求参数签名，和对回调参数验证授权码：用户登录淘宝后授予你的应用的一次性有效的字符串（对于Web类型的应用，没有授权码的概念）SessionKey：根据授权码生成的会话识别码，应用在访问用户的私有数据的时候用到，默认会在30分钟后失效另：关于回调地址 主要用于用户授权成功后，返回一些用
飞行棋源代码
Yvan's
01-12 2336
 Game类 package s1java.xmal1;import java.util.*;public class Game {   Map map;  //地图   int playerPos1; //对战中玩家1的当前位置   int playerPos2; //对战中玩家2的当前位置   String[] goAndStop = new String[2];   //走或
本地html文件js被IE阻止的一些解决方法
Yvan's
06-30 1749
还是做报表目录的事，一个本地htm文件，网页的树形导航，链接到本地一些doc,xls等文件。做完后发现在本地磁盘打开htm文件，每次IE都出信息栏：google了下，说是xp sp2补丁后出来的这个，以前自己写demo页面时也出现过一般就点下完了现在要给客户用，总不能让人每次都点吧，何况还不一定清楚怎么设置。解决办法，一般是说可以通过加入保存位置来解决：方法一：在htm文件
Struts2的过滤器FilterDispatcher
Yvan's
06-30 1416
<br />测试环境及其前置知识Struts2.0.14 Spring2.5.6 Eclipse3.4 Filter的相关知识，尤其要知道Filter的执行顺序是按照web.xml中配置的filter-mapping顺序执行的。 <br />web.xml定义文件 <br /><!-- spring字符集过滤器 --> <filter> <filter-name>CharacterEncoding</filter-name> <filter-class>org.springframewor
Tomcat6内存不足解决方法
Yvan's
03-25 1054
1、Tomcat默认可以使用的内存为128MB，在较大型的应用项目中，这点内存是不够的，有可能导致系统无法运行。常见的问题是报Tomcat内存溢出错误，Out of Memory(系统内存不足)的异常，从而导致客户端显示500错误，一般调整Tomcat的使用内存即可解决此问题。Windows环境下修改“%TOMCAT_HOME%/bin/catalina.bat”文件，在文件开头增加如下设
TOP Api一些有用的链接
Yvan's
11-18 964
 [AppKey]App Key： 12013804App Secret： ba47de9882aaedf1dcd4aff8cad9e466 [正式环境]正式环境得到授权码地址http://auth.open.taobao.com/?appkey=12013804得到session_key,必要条件:授权码http://container.open.taobao.com/conta
js 监听浏览器关闭 刷新
06-28
### 回答1： 在Web开发中，经常需要通过JavaScript来监听浏览器关闭和刷新事件。可以使用window对象的beforeunload和unload事件来实现这个功能。 beforeunload事件会在用户要关闭页面时触发，可以用来在用户离开前提示一些消息。可以通过window.onbeforeunload属性来绑定beforeunload事件处理程序。 当用户点击确定按钮时，页面将被关闭，如果用户点击取消按钮，则页面将保持不变。在beforeunload事件处理程序中，可以通过返回一个非空字符串来提示用户需要保存的未完成操作。 unload事件会在页面完全卸载后触发，可以用来清除一些资源，例如定时器和事件监听器等。可以通过window.onunload属性来绑定unload事件处理程序。 需要注意的是，对于浏览器关闭事件，不同的浏览器有不同的支持方式和行为，因此，在实现监听浏览器关闭和刷新事件时，需要进行兼容性测试，以保障其在不同的浏览器中的稳定性和可靠性。 总的来说，通过使用 JavaScript 监听浏览器关闭和刷新，可以处理一些必要的业务逻辑，从而提升用户体验和应用稳定性。 ### 回答2： JavaScript 可以监听浏览器关闭和刷新等事件，以促进更好的用户体验。这些事件通常是用户主动进行的，但也有可能是浏览器崩溃或其他不可预测的情况引发的。 要监听浏览器关闭事件，可以使用 window.onbeforeunload 事件。这个事件将在浏览器窗口将要关闭之前触发。可以将要执行的代码放在这个事件的回调函数中，以便在用户关闭浏览器时执行。 要监听浏览器刷新事件，可以使用 window.onbeforeunload 事件和 window.onload 事件。在页面加载时，window.onload 事件会被触发。然后，如果用户刷新了页面，window.onbeforeunload 事件会在页面重新加载之前被触发。可以使用这些事件来保存当前页面的状态，并在页面重新加载时恢复状态。 要注意的是，浏览器的不同版本和不同设置可能会影响这些事件的行为。有些浏览器可能不允许在 onbeforeunload 事件中弹出警告框或确认框，而有些浏览器则可以。因此，需要谨慎处理这些事件，并确保它们不会对用户造成不必要的干扰或安全风险。 综上所述，JavaScript 监听浏览器关闭和刷新事件可以帮助我们提供更好的用户体验，并确保我们的网站和应用程序在这些情况下仍然能够正常使用。 ### 回答3： JS 监听浏览器关闭或刷新是 Web 开发中比较常见的需求，主要涉及到浏览器事件的监听和处理。比如在某些场景下，当用户关闭浏览器或刷新页面时，需要提醒用户或执行一些特定的操作。 浏览器关闭事件监听： JS 监听浏览器关闭主要通过 `window` 对象提供的 `beforeunload` 事件来实现。`beforeunload` 事件在浏览器卸载页面之前被触发，可以用来防止用户误操作或提醒用户保存数据。 例如，在页面中添加以下 JS 代码，就能监听浏览器关闭事件： ``` window.addEventListener('beforeunload', function(event) { event.preventDefault(); return event.returnValue = '确定离开此页面吗？'; }); ``` 上述代码中，我们使用 `addEventListener` 方法绑定了 `beforeunload` 事件的监听器。在事件回调函数中，我们使用 `event.preventDefault()` 方法来阻止浏览器默认的关闭行为，并返回一个提示用户的字符串，如果用户确认离开页面，才能真正关闭页面。 浏览器刷新事件监听： JS 监听浏览器刷新主要通过 `beforeunload` 和 `unload` 事件组合使用实现。当用户刷新页面时，会先触发 `beforeunload` 事件，然后触发 `unload` 事件。 例如，在页面中添加以下 JS 代码，就能监听浏览器刷新事件： ``` window.addEventListener('beforeunload', function(event) { // Do something before refreshing }); window.addEventListener('unload', function(event) { // Do something after refreshing }); ``` 上述代码中，我们分别使用 `addEventListener` 方法绑定了 `beforeunload` 和 `unload` 事件的监听器，并在事件回调函数中分别执行了特定的操作。 需要注意的是，由于 `beforeunload` 事件可以阻止浏览器关闭或刷新页面，因此在使用它时需要谨慎考虑，以避免影响用户体验和引起安全问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值