js监听window的刷新和关闭

最新推荐文章于 2024-05-29 16:21:30 发布
最新推荐文章于 2024-05-29 16:21:30 发布
阅读量5.3k 收藏
点赞数

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事件.  

这段代码在FF和IE上都能正确执行.再点击关闭按钮时首先触发obbeforeunload事件,点击否定时不执行onload事件.Java代码 
通常应用在 注销session等等登陆信息 等方面....  

通常应用在 注销session等等登陆信息 等方面....Java代码 
这里一并推荐一个ActionScript3的好教程: <A href="http://gskinner.com/talks/as3workshop/">http://gskinner.com/talks/as3workshop/</A>  

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

hello_realWorld
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS监听关闭浏览器事件
12-18
JS 监听 关闭浏览器事件
js监听浏览器关闭
08-13
浏览器是客户端，客户端的操作服务器是监听不到的，所以可以用js来监听，js代码监听浏览器关闭或者刷新
window.addEventListener 用法
最新发布
ivan5277的博客
05-29 952
是JavaScript中用来为DOM元素（在本例中是浏览器窗口window）添加事件监听器的方法。这对于响应用户操作（如点击、滚动等）或页面/浏览器的特定状态变化非常有用。下面是如何使用。
javascript监听页面刷新和页面关闭事件方法详解
10-20
在JavaScript中，监听页面刷新和页面关闭的事件对于实现某些特定功能，如数据保存、提示用户确认操作等，是非常重要的。本文将详细介绍`onbeforeunload`和`onunload`这两个事件，并提供相关的示例代码。 `...
vuejs中监听窗口关闭和窗口刷新事件的方法
12-03
e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if (e) { e.returnValue = '关闭提示'; } // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+ return '关闭提示'; }; 2、在生命周期钩子中注册监听...
JS针对浏览器窗口关闭事件的监听方法集锦
10-22
在JavaScript中，监听浏览器窗口关闭事件对于实现特定的用户交互或数据保存功能至关重要。下面将详细介绍几种常用的浏览器关闭事件监听方法。 1. 方式一：适用于IE浏览器，仅在关闭时提示 ```javascript window....
js实现无刷新监听URL的变化的示例代码
10-15
本文将详细介绍如何使用JavaScript实现无刷新监听URL的变化，并提供相关的示例代码。 首先，有两种主要方法可以无刷新改变路由： 1. **通过Hash（#）改变路由**：当URL中`#`后的部分变化时，浏览器不会重新加载...
js实现监听浏览器关闭和刷新事件
04-16
js实现监听浏览器关闭和刷新事件支持三大浏览器，点击直接看效果
监控用户是否关闭浏览器的js代码
10-29
BS系统一个非常烦人的地方是不知道用户什么时候关闭浏览器离开系统.这里,我们采用onbeforeunload参数监控用户是否关闭浏览器.
JS监听浏览器窗口关闭
夜鹏少的博客
07-01 774
New Document window.onbeforeunload = onbeforeunload_handler; function onbeforeunload_handler(){ var warning="确认关闭www.someabcd.com?"; //你的业
关于js监听浏览器关闭操作
qq_30461115的博客
11-01 6839
有些时候我们的系统需要做到唯一登陆，也就是同一时间段内一个用户只允许在一台电脑上登录，但是很多时候我们的用户看完系统之后不会选择登出系统而是直接关闭浏览器，那么这个监听就很重要了，它可以告诉我们什时候用户就需要登出了，当然你可以选着当用户多长时间未有操作就自动登出也是可以的，所谓条条大路通罗马嘛，今天我来介绍用js监听的方式处理这个问题。 作为一个专业的程序员，当然行该考虑到兼容性。 由于各浏...
js 监听浏览器页面关闭事件
PrimaryColor
05-25 5608
方法： window.onbeforeunload = function() { //功能函数 } 如果想阻止关闭，给一个确认弹窗： window.onbeforeunload = function(e) { var e = window.event ||e; e.returnValue="确认关闭页面吗？"; } 不过returnValue给的字符是没有用的，浏览器始终都只会返回固定的提示，如下： ...
javascript监听浏览器关闭的方法
anli1120的专栏
08-29 443
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档       window.onbeforeunload = onbeforeunload_handler;       window.onunload = onunload_handler;       func
js监听浏览器关闭页面事件
热门推荐
佳佳鸽的博客
01-24 1万+
window.onbeforeunload = function() { //功能函数 } window.onbeforeunload = function(e) { var e = window.event ||e; e.returnValue=("是否确定关闭页面"); } 加入js文件后，查看网页效果： 点击网页对应窗口的关闭按钮，会弹窗如下弹窗： ...
Vue3监听页面刷新和关闭功能
06-01
在 Vue3 中，可以通过在 `setup` 函数中使用 `onMounted` 和 `onUnmounted` 钩子函数来监听页面的刷新和关闭事件。 监听页面刷新： ```javascript import { onMounted } from 'vue'; export default { setup() { onMounted(() => { window.addEventListener('beforeunload', function (event) { // 在此处添加你的逻辑代码 }); }); }, }; ``` 监听页面关闭： ```javascript import { onMounted, onUnmounted } from 'vue'; export default { setup() { const handler = () => { // 在此处添加你的逻辑代码 }; onMounted(() => { window.addEventListener('beforeunload', handler); }); onUnmounted(() => { window.removeEventListener('beforeunload', handler); }); }, }; ``` 在 `onMounted` 钩子函数中添加监听事件，当页面刷新时，会触发 `beforeunload` 事件，然后执行相应的逻辑代码。在 `onUnmounted` 钩子函数中移除监听事件，避免内存泄漏。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值