`

js判断页面关闭 仅支持IE6

阅读更多

关闭页面时同时执行onbeforeunload和onunload

1、先执行onbeforeunload,在页面还没关闭时执行,所以可以通过onbeforeunload阻止执行onunload,例如:

     window.event.returnValue = ""; //这里可以放置你想做的操作代码  

2、后执行onunload,是在页面关闭以后执行的

 

由于页面刷新和关闭都会执行这两个方法,如果只想在关闭页面的时候做某些操作,可以通过如下代码做判断(注意:仅仅支持IE6)

 

    if(window.event.clientX <= 0 || window.event.clientY <=0)
	{
	    alert("关闭");
	}
   else
       {            
            alert("刷新");
        }

 在网上查了好多别的方法来判断是否是关闭页面,通过验证都不精确,典型的方法有

 

if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey||event.ctrlKey)
{
     //判断event.altKey是为了Alt+F4关闭的情况;判断event.ctrlKey是为了Ctrl+W关闭的情况
     //document.body.clientWidth不包括滚动条,而关闭按钮恰好在滚动条右侧。
     window.event.returnValue="";
}
 
                  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 = ""; //这里可以放置你想做的操作代码   
                  }   

 以上这两种方法都是通过判断鼠标是否点击浏览器右上角的X来关闭页面,计算鼠标放在右上角的X的位置与浏览器右侧滚动条位置来判断是不精确的,如果把鼠标放在关闭按钮偏向还原按钮那边则判断不出来是关闭页面事件

0
0
分享到:
评论

相关推荐

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

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

    退弹代码(关闭网页弹出)_可突破IE6_IE7_IE8限制

    接着是`ie6.js`,这个文件包含了一段使用JavaScript编写的代码,利用了IE特有的`attachEvent`方法来监听页面的`onload`和`onunload`事件。这段代码通过`eval`函数执行了一个字符串化的JavaScript代码,用于创建一个...

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

    这个方法特别针对IE6,通过更精确的条件判断来区分关闭与刷新。 另外,判断浏览器类型的JavaScript代码: ```javascript var Sys = {}; var ua = navigator.userAgent.toLowerCase(); if (window.ActiveXObject) { ...

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

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

    IE关闭主窗口时,同时关闭所有的子窗口

    标题“IE关闭主窗口时,同时关闭所有的子窗口”涉及到的是网页浏览器中窗口管理的编程技术,特别是针对Internet Explorer(IE)的。在IE中,一个主窗口可能会打开多个子窗口,用户通常期望在关闭主窗口时,所有相关...

    vue如何在用户要关闭当前网页时弹出提示的实现

    本文介绍了vue如何在用户要关闭当前网页时弹出提示的实现,分享给大家,具体如下: 效果如下图 正常 js 页面处理方式 [removed] = function (e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if ...

    js ie非ie浏览器的几种判断方法小结

    JavaScript是一种广泛应用于网页和网络应用的脚本语言,它在不同的浏览器上运行方式可能存在差异,尤其是在处理老版本的Internet Explorer(IE)时。本文将总结几种判断JavaScript代码是否在IE浏览器上运行的方法。 ...

    弹出网页(兼容各个IE版本)

    比如,在IE6中,`window.open`通常会弹出一个独立的窗口,但在更新的版本如IE8中,可能会默认在一个新标签页中打开。 在IE8及更高版本中,为了保持用户体验的一致性,浏览器倾向于在新标签页中打开链接,而不是弹出...

    js判断当页面无法回退时关闭网页否则就history.go(-1)

    例如,标题提到的需求是“js判断当页面无法回退时关闭网页否则就history.go(-1)”。这个功能是为了确保用户在点击返回按钮时,如果当前页面没有前驱历史记录(即用户无法通过历史记录返回到上一页),那么页面会直接...

    TD不支持IE7.0版本的解决方法

    根据提供的部分内容,我们可以通过修改TD中的某个HTML页面(例如`C:\Inetpub\TDBIN\start_a.htm`)内的JavaScript代码来使TD支持IE7。具体步骤如下: 1. **找到目标文件**: - 找到位于虚拟目录下的目标HTML文件:...

    实用右下角弹出菜单(支持firefox、IE6、IE7)

    本文将详细讲解如何实现一个实用的右下角弹出菜单,该菜单兼容Firefox、Internet Explorer 6 (IE6) 和 Internet Explorer 7 (IE7) 浏览器,并具有自定义关闭和自动消失功能。 首先,让我们了解弹出菜单的基本构建。...

    js判断浏览器类型为ie6时不执行

    举个例子,如果我们要关闭所有已打开的弹出层,并在页面上打开一个新的弹出层,我们可以首先在函数中判断是否为IE6,如果是,则不执行关闭和打开弹出层的操作。这样,当函数执行时,如果当前浏览器是IE6,函数就会...

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

    本知识点主要涉及前端JavaScript编程领域中的浏览器事件处理,特别地,我们会详细介绍如何使用JavaScript来监测和响应Internet Explorer(IE)和Mozilla Firefox(火狐)浏览器中的关闭、刷新、回退(后退)和前进...

    单击其它区域关闭日历控件(兼容firfox与IE)

    "单击其它区域关闭日历控件(兼容firfox与IE)"这个主题涉及到的是一个常见的前端交互功能,即如何通过JavaScript或者特定的库来实现日历控件的交互优化,使其在用户选择日期后能够通过点击页面上的其他区域来关闭。...

    JavaScript无提示关闭窗口(兼容IE/Firefox/Chrome)

    在网页中,有时我们需要实现无提示地关闭当前页面窗口的功能,这在某些情况下可以提供更好的用户体验,例如,当用户完成某个操作或任务后自动关闭页面。本文将详细介绍如何在JavaScript中实现这个功能,并确保其兼容...

    js 页面关闭前的出现提示的实现代码.docx

    ### JavaScript 页面关闭前提示功能详解 #### 一、引言 在Web开发中,有时候我们需要在用户尝试关闭或离开页面时给予提示,以确保用户不会意外丢失未保存的数据或者确认用户的操作意图。这一功能通常通过监听`...

    兼容FF,IE的JAVASCRIPT日历控件

    JavaScript日历控件是一种常用的网页交互元素,它允许用户通过点击按钮或输入框触发一个弹出的日历界面,方便地选择日期。对于开发者来说,创建一个兼容不同浏览器的控件是一项挑战,因为不同的浏览器可能对...

    网页javascript常用代码收藏

    根据提供的文件信息,我们可以归纳...检查浏览器类型及版本号,仅在IE浏览器且版本号不低于4的情况下,调用`window.external.AddFavorite()`方法将当前页面添加到用户的收藏夹。 ### 13. 关闭窗口并提示信息 ```html ...

Global site tag (gtag.js) - Google Analytics