`

javascript 监听 窗口关闭和页面刷新事件

javascript窗口关闭事件页面刷新 
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!--

window.onbeforeunload=onclose;
var aqqNumber = 23423423;
var intervalId ;
function onclose()
{
alert(aqqNumber);
window.event.returnValue = function(){clearInterval(intervalId);}; //这里可以放置你想做的操作代码
}


intervalId = setInterval('setNumber()',1000);


function setNumber(){
  var num = Math.floor(Math.random()*10);
  num = (num%3)+2;
 
  aqqNumber += num;
  console.log(num+"aqqNumber-"+aqqNumber);//ie不支持console对象，firefox，chrome都支持

}
//-->
</SCRIPT>
<script language=javascript>  
/**
window.onbeforeunload=function (){
alert("===onbeforeunload===");
  //if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey) {
  if(event.clientX<=0 && event.clientY<0) { 
alert("你关闭了浏览器");
window.event.returnValue = function(){clearInterval(intervalId);}; //这里可以放置你想做的操作代码 
}else{
alert("你正在刷新页面");
}
}
*/
</script>  
<script language=javascript>  


</script>  
</HEAD>

<body >

</BODY>
</HTML>
分享到：
| Jquery实现返回顶部的功能
评论
发表评论

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

相关推荐

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

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

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

    在Vue.js应用中，有时我们需要监听窗口的关闭和刷新事件，以便执行某些操作，比如保存用户数据或确认离开页面。本文将详细介绍两种在Vue.js中实现这一目标的方法。 首先，我们来了解一下`window.onbeforeunload`...

    使用javascript验证窗口是关闭还是刷新

    在Web开发过程中，我们常常需要监控用户与网页的交互行为，包括但不限于用户关闭浏览器窗口、刷新页面等动作。这些事件对于网站来说非常重要，可以用于实现各种功能，比如提醒用户保存未提交的数据或者记录用户的...

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

    在网页中，刷新页面与关闭窗口虽然都会触发 `onunload` 事件，但我们可以通过监听其他事件来区分这两种情况。 1. **监听 `onbeforeunload` 事件** `onbeforeunload` 事件在 `onunload` 之前触发，并且可以被用来...

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

    因此，使用这些JavaScript事件来监控页面关闭和刷新的行为，需要进行充分的测试，并且要考虑到不同浏览器之间的兼容性问题。 此外，除了使用JavaScript之外，还可以考虑服务器端的逻辑来辅助判断。例如，可以通过...

    JS监听关闭浏览器事件

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

    js监听页面的刷新与关闭

    使用javascript实现监听页面的刷新与关闭，可在用户刷新或关闭窗口时执行相关操作。

    javascript判断页面是否是刷新还是关闭

    在给定的压缩包文件中，`测试关闭页面问题.html`和`测试页面.html`可能是用于模拟和测试页面关闭和刷新场景的示例文件。你可以打开这些文件，根据上面的解释添加事件监听器和`performance.navigation.type`检查，以...

    javascript监听页面刷新和页面关闭事件方法详解

    JavaScript中的`onbeforeunload`和`onunload`事件是页面生命周期中的两个重要事件，它们用于监听和处理用户离开页面的情况，比如页面刷新或关闭。这两个事件可以帮助开发者在用户离开页面前执行某些操作，如保存数据...

    Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求

    在Vue框架中，实现监听窗口关闭事件并在关闭前发送请求的功能，对于需要在用户离开页面之前进行某些清理或保存数据的操作尤为重要。本文将详细介绍如何在Vue项目中实现这一功能，并提供相应的代码示例。 ### 监听...

    弹出层关闭父页面刷新

    总的来说，实现“弹出层关闭后刷新父页面”的功能，主要涉及到JavaScript的事件监听和窗口操作，是前端开发中常见的交互设计。理解并掌握这个过程，对于提升用户体验和优化页面流程有着积极的作用。

    模态窗口关闭时刷新父页面js文件

    总结一下，实现“模态窗口关闭时刷新父页面”的主要步骤包括：设置模态窗口和关闭按钮、添加事件监听器以及在事件触发时调用`window.parent.location.reload()`。在实际应用中，可能还需要考虑其他因素，如防止多次...

    js监控IE火狐浏览器关闭、刷新、回退、前进事件.docx

    浏览器刷新事件可以通过监听`onbeforeunload`事件来间接实现，因为刷新页面本质上也是关闭了当前页面再重新打开。因此，刷新事件可以使用同样的处理逻辑。 ##### 3.3 监听浏览器前进/后退事件 监听浏览器前进或...

    JS 关闭或刷新窗口时发生的事件

    1. `beforeunload`事件：这个事件在窗口即将卸载之前触发，例如当用户尝试关闭窗口、刷新页面或者导航到其他URL时。开发者可以利用这个事件来执行一些清理工作，如释放内存、保存未完成的数据等。此外，它还可以弹出...

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

    这些事件在网页加载、卸载或刷新过程中扮演着重要角色，通过JavaScript可以监听并响应这些事件，从而实现对页面状态的判断。 ### 关键事件详解 1. **`onload`**： 当页面加载完成时触发。这是最常用的事件之一，...

    javascript页面关闭事件

    - `event.clientX &gt; document.body.clientWidth && event.clientY 检查鼠标位置是否超出浏览器视口范围，这可能是用户试图刷新页面的行为。 - `event.altKey`：检查是否按下了Alt键，这可能表示用户尝试通过快捷键...

    jsp与javascript配合,父窗口与子窗口之间刷新

    本示例探讨的是如何将JSP与JavaScript结合，实现父窗口与子窗口之间的数据通信及页面刷新功能，特别涉及了Ajax查询数据和表格渲染。以下是关于这些知识点的详细解释： 1. **JSP（JavaServer Pages）**：JSP是一种...

    javascript无刷新窗口，鼠标壳拖动窗口位置

    总的来说，"javascript无刷新窗口，鼠标壳拖动窗口位置"涉及到了前端开发中的动态页面更新、用户交互设计以及JavaScript事件处理等多个方面，这些都是现代Web开发中的核心技能。通过熟练掌握这些技术，开发者可以...

Magicbox
Global site tag (gtag.js) - Google Analytics