`
wyz191
  • 浏览: 96502 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

js判断浏览器是否关闭

 
阅读更多

今日整到此处,特将网上搜刮来的信息贴于此,以供大家共享之

window.onbeforeunload = function()   
{   var n = window.event.screenX - window.screenLeft;      
    var b = n > document.documentElement.scrollWidth-20;      
 if(b && window.event.clientY < 0 || window.event.altKey)   
 {   
 //window.event.returnValue = "1111";      
 userBaseDAO.upIsLogin(${adminbean.id});
 }    
}    

三大主流浏览器中firefox和IE都支持onbeforeunload事件,opera尚未支持。

用法:

  • object.onbeforeunload = handler
  • <element onbeforeunload = “handler” … ></element>

描述:
事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。
handler可以设一个返回值作为该对话框的显示文本。

触发于:

  • 关闭浏览器窗口
  • 通过地址栏或收藏夹前往其他页面的时候
  • 点击返回,前进,刷新,主页其中一个的时候
  • 点击 一个前往其他页面的url连接的时候
  • 调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind,location replace,location reload,form submit.
  • 当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。
  • 重新赋予location.href的值的时候。
  • 通过input type=”submit”按钮提交一个具有指定action的表单的时候。

可以用在以下元素:
BODY, FRAMESET, window

平台支持:
IE4+/Win, Mozilla 1.7a+, Netscape 7.2+, Firefox0.9+


 

标签只有onload\onunload\onbeforeunload事件,而没有onclose事件。不管页面是关闭还是刷新都会执行onunload事件。如何捕捉到页面关闭呢?
页面加载时只执行onload
页面关闭时只执行onunload
页面刷新时先执行onbeforeunload,然后onunload,最后onload。这样我们可以在onbeforeunload中加一个标记,在onunload中判断该标记,即可达到判断页面是否真的关闭了。
分享到:
评论

相关推荐

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

    本文介绍了通过JavaScript判断浏览器是关闭还是刷新的方法。在Web开发过程中,有时候需要区分用户是关闭了浏览器窗口,还是仅仅刷新了页面,这对于执行某些特定的逻辑操作是很重要的。例如,当用户关闭浏览器窗口时...

    用JS判断浏览器刷新还是关闭

    ### 如何用JavaScript判断浏览器是刷新还是关闭 在Web开发中,有时候我们需要了解用户是通过刷新页面还是直接关闭浏览器来离开当前网页。虽然JavaScript本身并没有提供直接的方法来区分这两种行为,但可以通过监听...

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

    另外,判断浏览器类型的JavaScript代码: ```javascript var Sys = {}; var ua = navigator.userAgent.toLowerCase(); if (window.ActiveXObject) { Sys.ie = ua.match(/msie ([\d.]+)/)[1] } else if (document....

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

    ### 判断浏览器是刷新还是关闭窗口 在网页开发过程中,我们常常希望能在用户退出或离开当前页面时执行一些特定的操作,比如保存用户的状态、显示一个警告框等。为此,JavaScript 提供了 `onunload` 事件,它会在...

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

    这个方法的原理是,当浏览器关闭时,window.event.screenX 和 window.event.clientY 属性的值将满足一定的条件,因此可以根据这个条件来判断浏览器是刷新还是关闭窗口。 我们可以使用 onunload 事件和 event....

    js实现监听浏览器关闭和刷新事件

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

    JS区分浏览器页面是刷新还是关闭

    在Web开发中,区分浏览器页面是刷新还是关闭的需求非常常见,这主要是为了优化用户体验和保证系统的操作逻辑。传统的做法是使用BOM(Browser Object Model)事件中的onbeforeunload事件,该事件会在页面即将卸载前...

    JS监听关闭浏览器事件

    ### JS监听关闭浏览器事件 在Web开发中,有时我们需要对用户关闭浏览器窗口或标签页的行为进行监测,并在这些行为发生前执行某些操作。这通常涉及到`onbeforeunload`和`onunload`这两个事件处理程序。 #### 1. `...

    微信判断浏览器自动弹出遮罩层代码

    标题"微信判断浏览器自动弹出遮罩层代码"涉及到的核心知识点包括: 1. **浏览器检测**:首先,我们需要通过JavaScript来检测当前的浏览器环境。常见的方法是检查UserAgent字符串,微信内置浏览器的UserAgent通常...

    判断浏览器刷新还是关闭

    本篇将基于标题"判断浏览器刷新还是关闭"来深入探讨这个主题。 首先,我们需要理解浏览器的生命周期。一个网页从加载到关闭会经历几个关键阶段:加载(Load)、交互(Interaction)以及卸载(Unload)。在这些阶段...

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

    在探讨“判断页面是关闭还是刷新的js代码”这一主题时,我们首先需要理解网页生命周期中的几个关键事件:`onload`、`onunload`、`onbeforeunload`以及`onclose`。这些事件在网页加载、卸载或刷新过程中扮演着重要...

    Js智能判断浏览器是关闭还是刷新的代码

    总的来说,虽然这个代码提供了一个基本的示例来判断浏览器关闭和刷新,但它并不完全准确且在不同浏览器中可能表现不一致。在实际开发中,除非有特殊需求,通常不会依赖这种方法来决定页面的行为。开发者应更多地关注...

    JS监听关闭浏览器事件之Onunload与Onbeforeunload

    在JavaScript中,对浏览器窗口关闭事件的监听是开发者经常需要用到的功能,这可以帮助我们在用户离开页面时执行一些必要的操作,比如保存数据、清理资源或者显示确认提示。本文将深入探讨两个关键的JavaScript事件:...

    JavaScript检测是否开启了控制台(F12调试工具)

    js检测用户是否打开调试工具(chrome) (function(){ var re=/x/; var i=0; console.log(re); re.toString=function(){ window.close(); return '第'+(++i)+'次打开控制台'; } })(); JavaScript检测是否开启了...

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

    在JavaScript编程中,判断页面是否是刷新或关闭是常见的需求,尤其在跟踪用户行为、保存数据或执行清理操作时。这个任务可以通过监听浏览器的特定事件来实现。在本篇文章中,我们将深入探讨如何通过JavaScript来识别...

    【JavaScript源代码】如何用JavaScript检测当前浏览器是无头浏览器.docx

    我们可以检查这两个属性来判断是否为无头浏览器: ```javascript var gl = document.createElement('canvas').getContext('webgl'); if (!gl) { console.log("WebGL not supported, likely not a browser"); } ...

    js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)

    本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)。分享给大家供大家参考。具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) [removed] [removed] = ...

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

    通过上述方法,开发者可以在一定程度上实现对浏览器关闭、刷新、前进或后退等行为的监控,从而提升Web应用的整体体验。同时,也需要关注兼容性问题和用户体验,确保实现的功能既实用又不侵扰用户。

Global site tag (gtag.js) - Google Analytics