浏览器关闭用什么事件判断

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

--------------------代码1---------------------------------
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) {    
 
alert("是关闭而非刷新");    
  
window.open(this.location);      

//return false;   
  
//window.event.returnValue = ""; }    
  
} else{   
  
alert("是刷新而非关闭");    
  
}   

----------------------代码2-------------------------------
function promptOnClose(e){   
  
//e = e ? e : windowevent;   
  
var promptString = '你是否要离开此页面,离开该页面的信息将不被保存!';   
  
//event.returnValue = promptString;   
  
return promptString;   
  
}   

if (window != top){   
  
top.location.href = "www.baidu.com";   
  
}else{   
  
if (window.Event) {   
  
      window.onbeforeunload = function(event) {   
  
     return promptOnClose(event);   
  
      }   
  
} else {   
  
      window.onbeforeunload = function() {   
  
       return promptOnClose(event);   
  
        }   
  
     }   
  
} 
}
http://zhidao.baidu.com/question/213532485.html
目录
相关文章
|
7月前
|
Web App开发 前端开发
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
236 0
|
2月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
146 0
|
4月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
137 1
|
4月前
|
JavaScript API
VUE——监听浏览器关闭及标签页关闭事件
VUE——监听浏览器关闭及标签页关闭事件
402 0
|
5月前
|
JavaScript 前端开发 开发者
浏览器事件机制详解
浏览器事件机制详解
56 1
|
5月前
|
JavaScript
vue 组件封装 | 随鼠标移动的信息框 (含监听鼠标移动、移出事件,获取元素的宽高、获取浏览器的宽高)
vue 组件封装 | 随鼠标移动的信息框 (含监听鼠标移动、移出事件,获取元素的宽高、获取浏览器的宽高)
52 1
|
5月前
|
前端开发 JavaScript
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
js 进入浏览器全屏(F11效果)、退出全屏、指定元素全屏、判断当前是否全屏、监听浏览器全屏事件、定义全屏时的css样式(全屏伪类)
628 0
|
7月前
|
JavaScript 前端开发
js阻止浏览器默认事件和防止事件传播事件
js阻止浏览器默认事件和防止事件传播事件
133 3
|
前端开发
前端学习笔记202306学习笔记第四十三天-浏览器事件环
前端学习笔记202306学习笔记第四十三天-浏览器事件环
59 0
|
7月前
|
Web App开发 移动开发 JavaScript
【Vue版】实现拖拽、排序效果(注意,这个方法在chrome谷歌浏览器上面不适用,dragend会情不自禁触发drag事件先执行,有点像浏览器的一个bug)
【Vue版】实现拖拽、排序效果(注意,这个方法在chrome谷歌浏览器上面不适用,dragend会情不自禁触发drag事件先执行,有点像浏览器的一个bug)