- 浏览: 170863 次
- 性别:
- 来自: 天津
文章分类
最新评论
关闭页面时同时执行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的位置与浏览器右侧滚动条位置来判断是不精确的,如果把鼠标放在关闭按钮偏向还原按钮那边则判断不出来是关闭页面事件
发表评论
-
ajax下载文档 ClientAbortException: java.net.SocketException: Connection reset by pee
2013-08-28 13:58 2307众所周知ajax是使用了浏览器内部的XmlHttpRequ ... -
在js里引用另一个js文件
2013-08-28 10:58 828new_element=document.createE ... -
<转> js替换字符正则表达式
2013-08-16 14:28 811function replace() { var str ... -
<转> JQuery选择器
2013-08-16 10:24 860<html> <head> &l ... -
jQuery获取Select选择的Text和 Value(转)
2013-08-13 09:47 589jQuery获取Select选择的Text和Valu ... -
<转>javascript获取地址栏参数
2013-08-12 10:03 709function GetQueryString(name){v ... -
iframe子页面内刷新同页面中另一个iframe
2013-08-09 15:25 10564框架页面如下: <div id="a ... -
jquery动态修改链接的onclick方法
2013-08-07 11:29 2346用jquery动态修改链接的onclick方法的传递参数,在 ... -
《转》JS怎么刷新当前页面
2013-04-15 13:17 848reload 方法,该方法强迫 ... -
<转>iframe去掉横向滚动条
2012-05-15 14:45 1246如题,就是在网页中, ... -
ie onmouseup和onclick事件执行顺序
2012-05-14 17:21 1168今天项目要做个类似网 ... -
iframe同步刷新时好时坏问题
2012-04-19 17:04 1244页面由左右两个iframe组成,要求右面内容更新时(内容跟左面 ... -
js浮动效果
2012-02-14 17:29 1024项目中某页面需要固定某个div内容,实际需求是这样的,有个评分 ... -
onpropertychange与输入法有关
2012-02-03 14:56 1206页面输入框经常有只允许输入数字的限制,一般都用onproper ... -
<转>name和function名字不能相同
2012-01-05 16:40 0今天突然碰到form表单的名字与js方法的名字相同导致找不到j ... -
onmousedown、onmouseup和onclick的奇怪问题
2011-07-08 10:04 2258将setTimeout的时间设置为0,告诉浏览器当它为当前任何 ... -
超链接<a>中属性href与target相冲突的地方
2011-03-25 11:47 1928今天在项目中写了两行代码,出现不同的效果: ①<a h ... -
<转>键盘回车事件导致页面刷新的问题
2011-03-24 11:18 877我最近在做一个 Ajax 查询的功能,代码如下: ... -
使用prototype的有用小方法
2010-09-13 15:33 941今天刚刚接触js中对象 ... -
JS 字符串连接性能
2010-09-12 17:18 2169在W3SCHOOL中有讨论js字符串连接方法性能对比的篇章如下 ...
相关推荐
本文介绍了通过JavaScript判断浏览器是关闭还是刷新的方法。在Web开发过程中,有时候需要区分用户是关闭了浏览器窗口,还是仅仅刷新了页面,这对于执行某些特定的逻辑操作是很重要的。例如,当用户关闭浏览器窗口时...
接着是`ie6.js`,这个文件包含了一段使用JavaScript编写的代码,利用了IE特有的`attachEvent`方法来监听页面的`onload`和`onunload`事件。这段代码通过`eval`函数执行了一个字符串化的JavaScript代码,用于创建一个...
这个方法特别针对IE6,通过更精确的条件判断来区分关闭与刷新。 另外,判断浏览器类型的JavaScript代码: ```javascript var Sys = {}; var ua = navigator.userAgent.toLowerCase(); if (window.ActiveXObject) { ...
### JS监控IE与火狐浏览器关闭、刷新、回退、前进事件 #### 一、引言 在Web应用开发过程中,有时需要对用户的浏览器行为进行监控,比如浏览器的关闭、刷新、前进或后退等操作。这对于提高用户体验、确保应用程序...
标题“IE关闭主窗口时,同时关闭所有的子窗口”涉及到的是网页浏览器中窗口管理的编程技术,特别是针对Internet Explorer(IE)的。在IE中,一个主窗口可能会打开多个子窗口,用户通常期望在关闭主窗口时,所有相关...
本文介绍了vue如何在用户要关闭当前网页时弹出提示的实现,分享给大家,具体如下: 效果如下图 正常 js 页面处理方式 [removed] = function (e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if ...
JavaScript是一种广泛应用于网页和网络应用的脚本语言,它在不同的浏览器上运行方式可能存在差异,尤其是在处理老版本的Internet Explorer(IE)时。本文将总结几种判断JavaScript代码是否在IE浏览器上运行的方法。 ...
比如,在IE6中,`window.open`通常会弹出一个独立的窗口,但在更新的版本如IE8中,可能会默认在一个新标签页中打开。 在IE8及更高版本中,为了保持用户体验的一致性,浏览器倾向于在新标签页中打开链接,而不是弹出...
本知识点主要涉及前端JavaScript编程领域中的浏览器事件处理,特别地,我们会详细介绍如何使用JavaScript来监测和响应Internet Explorer(IE)和Mozilla Firefox(火狐)浏览器中的关闭、刷新、回退(后退)和前进...
例如,标题提到的需求是“js判断当页面无法回退时关闭网页否则就history.go(-1)”。这个功能是为了确保用户在点击返回按钮时,如果当前页面没有前驱历史记录(即用户无法通过历史记录返回到上一页),那么页面会直接...
根据提供的部分内容,我们可以通过修改TD中的某个HTML页面(例如`C:\Inetpub\TDBIN\start_a.htm`)内的JavaScript代码来使TD支持IE7。具体步骤如下: 1. **找到目标文件**: - 找到位于虚拟目录下的目标HTML文件:...
本文将详细讲解如何实现一个实用的右下角弹出菜单,该菜单兼容Firefox、Internet Explorer 6 (IE6) 和 Internet Explorer 7 (IE7) 浏览器,并具有自定义关闭和自动消失功能。 首先,让我们了解弹出菜单的基本构建。...
举个例子,如果我们要关闭所有已打开的弹出层,并在页面上打开一个新的弹出层,我们可以首先在函数中判断是否为IE6,如果是,则不执行关闭和打开弹出层的操作。这样,当函数执行时,如果当前浏览器是IE6,函数就会...
"单击其它区域关闭日历控件(兼容firfox与IE)"这个主题涉及到的是一个常见的前端交互功能,即如何通过JavaScript或者特定的库来实现日历控件的交互优化,使其在用户选择日期后能够通过点击页面上的其他区域来关闭。...
在网页中,有时我们需要实现无提示地关闭当前页面窗口的功能,这在某些情况下可以提供更好的用户体验,例如,当用户完成某个操作或任务后自动关闭页面。本文将详细介绍如何在JavaScript中实现这个功能,并确保其兼容...
### JavaScript 页面关闭前提示功能详解 #### 一、引言 在Web开发中,有时候我们需要在用户尝试关闭或离开页面时给予提示,以确保用户不会意外丢失未保存的数据或者确认用户的操作意图。这一功能通常通过监听`...
JavaScript日历控件是一种常用的网页交互元素,它允许用户通过点击按钮或输入框触发一个弹出的日历界面,方便地选择日期。对于开发者来说,创建一个兼容不同浏览器的控件是一项挑战,因为不同的浏览器可能对...
根据提供的文件信息,我们可以归纳...检查浏览器类型及版本号,仅在IE浏览器且版本号不低于4的情况下,调用`window.external.AddFavorite()`方法将当前页面添加到用户的收藏夹。 ### 13. 关闭窗口并提示信息 ```html ...