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

简介: 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在线聊天室大概都是这么处理的

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

目录
相关文章
|
2月前
|
JavaScript API
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
深入解析JS中的visibilitychange事件:监听浏览器标签间切换的利器
173 0
|
2月前
|
算法 安全 前端开发
基于postMessage和BroadcastChannel实现浏览器跨Tab窗口通信的方法介绍
基于postMessage和BroadcastChannel实现浏览器跨Tab窗口通信的方法介绍
107 0
|
3月前
|
安全 索引 Windows
roogoo发布的quartz32.dll让浏览器不断弹出广告窗口
roogoo发布的quartz32.dll让浏览器不断弹出广告窗口
|
4月前
|
编解码 JavaScript 前端开发
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
JS逆向浏览器脱环境专题:事件学习和编写、DOM和BOM结构、指纹验证排查、代理自吐环境通杀环境检测、脱环境框架、脱环境插件解决
145 1
|
5月前
|
数据采集 Web App开发 JavaScript
快速参考:用C# Selenium实现浏览器窗口缩放的步骤
在C#结合Selenium的网络爬虫应用中,掌握浏览器窗口缩放、代理IP、cookie与user-agent设置至关重要。本文详述了如何配置代理(如亿牛云加强版),自定义用户代理,启动ChromeDriver,并访问目标网站如抖音。通过执行JavaScript代码实现页面缩放至75%,并添加cookie增强匿名性。此策略有效规避反爬机制,提升数据抓取的准确度与范围。代码示例展示了整个流程,确保爬虫操作的灵活性与高效性。
129 3
|
4月前
|
JavaScript API
VUE——监听浏览器关闭及标签页关闭事件
VUE——监听浏览器关闭及标签页关闭事件
416 0
|
5月前
|
JavaScript 前端开发 开发者
浏览器事件机制详解
浏览器事件机制详解
61 1
|
5月前
|
JavaScript
vue 组件封装 | 随鼠标移动的信息框 (含监听鼠标移动、移出事件,获取元素的宽高、获取浏览器的宽高)
vue 组件封装 | 随鼠标移动的信息框 (含监听鼠标移动、移出事件,获取元素的宽高、获取浏览器的宽高)
57 1
|
6月前
|
编解码 JavaScript 前端开发
**BOM**是浏览器对象模型,用于控制浏览器窗口
【6月更文挑战第22天】**BOM**是浏览器对象模型,用于控制浏览器窗口,如`window`、`navigator`、`location`等,提供弹窗、定时器及事件处理功能。**DOM**是文档对象模型,将HTML文档转化为可编程的树结构,允许创建、修改元素及处理事件。两者协同工作,赋能JavaScript与网页交互。
34 2
|
5月前
|
JavaScript 前端开发 物联网
文本,Vue实现打印的方式,打印机的种类有多少,浏览器打印html,右键,2打印插件,3指令打印,vue-print-nb
文本,Vue实现打印的方式,打印机的种类有多少,浏览器打印html,右键,2打印插件,3指令打印,vue-print-nb