浏览器右键、刷新、默认事件、打开新窗口、关闭续

简介: onbeforeunload和onunload都是在刷新和关闭浏览器事触发。onbeforeunload在onunload之前触发,因为有before,开个玩笑。 由按钮事件触发,采用window.open方法,打卡一个新页面 window.

onbeforeunload和onunload都是在刷新和关闭浏览器事触发。
onbeforeunload在onunload之前触发,因为有before,开个玩笑。

由按钮事件触发,采用window.open方法,打卡一个新页面

window.open('http://localhost/mtest/index.html', 'mtitle',
'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, status=no');

 

在index.html采用如下方式监听浏览器被关闭了

为了更好的用户体验,同时在页面增加了一个按钮采用window.close方法,提醒用户闭关

document.getElementById("test").onclick=function(){
      window.close();
}
            
window.onbeforeunload=function(){
     event = event || window.event;
     event.returnValue="确定要关闭浏览器?";
     return "确定要关闭浏览器?";      
}

在onbeforeunload的中绑定需要触发的事件。


有关网页版的webchat在线聊天室大概都是这么处理的

最后,无论是刷新还是关闭,都要停止现在相关的服务。

目录
相关文章
|
22天前
|
JavaScript 前端开发 UED
JS:如何获取浏览器窗口尺寸?
JS:如何获取浏览器窗口尺寸?
33 1
|
1月前
|
缓存 JavaScript
vue阻止浏览器刷新和关闭页面提示
使用场景:在使用vuex进行缓存管理时,页面的缓存会随着页面关闭而消失,如果缓存动作仍在进行中,关闭页面会导致数据丢失,此时需要阻止页面关闭
45 3
|
2月前
|
JavaScript 开发者
什么是浏览器环境下事件的 Propagation
什么是浏览器环境下事件的 Propagation
49 1
|
3月前
|
Web App开发 前端开发
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
Chrome 浏览器插件 V3 版本 Manifest.json 文件中 Action 的类型(Types)、方法(Methods)和事件(Events)的属性和参数解析
154 0
|
7天前
|
Java 测试技术 定位技术
《手把手教你》系列技巧篇(二十三)-java+ selenium自动化测试-webdriver处理浏览器多窗口切换下卷(详细教程)
【4月更文挑战第15天】本文介绍了如何使用Selenium进行浏览器窗口切换以操作不同页面元素。首先,获取浏览器窗口句柄有两种方法:获取所有窗口句柄的集合和获取当前窗口句柄。然后,通过`switchTo().window()`方法切换到目标窗口句柄。在项目实战部分,给出了一个示例,展示了在百度首页、新闻页面和地图页面之间切换并输入文字的操作。最后,文章还探讨了在某些情况下可能出现的问题,并提供了一个简单的本地HTML页面示例来演示窗口切换的正确操作。
29 0
|
1月前
|
JavaScript 前端开发
js阻止浏览器默认事件和防止事件传播事件
js阻止浏览器默认事件和防止事件传播事件
21 3
|
1月前
|
存储 缓存 安全
在浏览器里重复刷新一个网页,访问量计数器没有递增的原因分析
在浏览器里重复刷新一个网页,访问量计数器没有递增的原因分析
25 0
|
1月前
|
Java 测试技术 Python
Selenium帮助你轻松实现浏览器多窗口操作
Selenium帮助你轻松实现浏览器多窗口操作
86 0
|
2月前
|
存储 安全 前端开发
浏览器跨窗口通信:原理与实践
浏览器跨窗口通信:原理与实践
42 0
|
2月前
|
JavaScript 开发者
什么是浏览器环境下的 Event Propagation(事件传播)
什么是浏览器环境下的 Event Propagation(事件传播)
18 1

热门文章

最新文章