javascript捕获页面窗口关闭事件

最新推荐文章于 2022-09-13 17:27:16 发布
转载 最新推荐文章于 2022-09-13 17:27:16 发布 · 9.1k 阅读 · 1
文章标签：

#javascript #function

本文介绍JavaScript中两种捕获浏览器窗口关闭的方法：onbeforeunload和onunload事件。详细解释了这两种方法的区别及使用场景，并提供了代码示例。
javascript捕获窗口关闭事件
2007年06月20日 星期三 下午 09:59
关键字:       window.close事件     

javascript捕获窗口关闭事件有两种方法 onbeforeunload()      ，onUnload()

 

用法有两种：

1.    function      window.onbeforeunload()      {      alert("关闭窗口")}

           function      window.onunload()      {      alert("关闭窗口")}

2.      在body 标签里加入onUnload事件

         <body onUnload="myClose()">

         然后在javascript里定义myClose()方法

 

 

区别：

          onUnload方法是在关闭窗口之后执行

          onbeforeUnload方法是在关闭窗口之前执行

 

说明：

          两个方法在 页面关闭、刷新、转向新页面 时都触发。

注：只在关闭窗口时触发，而页面刷新的时不触发。

<script       language=javascript>   
      function       window.onbeforeunload()   
      {   
      if       (event.clientX>document.body.clientWidth       &&       event.clientY<0||event.altKey)

            {   
             window.event.returnValue="确定要退出本页吗？";   
            }   

      }
</script>   

js监听浏览器关闭事件(区分刷新和关闭,兼容IE9,10,11,Edge，Chrome和Firefox)
云_飞扬
12-20 4万+
监听浏览器关闭事件(区分刷新和关闭,兼容IE9,10,11,Edge，Chrome和Firefox)
js监听事件 关闭浏览器/tab页签调用后端接口 亲测有效
qq_25471081的博客
04-11 2867
记录一下之前遇到的开发问题，数据埋点采集需求，客户要求在用户手动关闭tab页签或者关闭浏览器，调用后端接口，记录登出，由于客户使用火狐浏览器居多，主要兼容到。此处接口请求还可以使用其他方式，火狐的107.0版本。
实现关闭页面（浏览器）时请求接口Navigator.sendBeacon()
weixin_45744454的博客
07-05 1588
文档链接：https://developer.mozilla.org/zh-CN/docs/Web/API/Navigator/sendBeacon 参数： url url 参数表明 data 将要被发送到的网络地址。data 可选 data 参数是将要发送的 ArrayBuffer、ArrayBufferView、Blob、DOMString、FormData 或 URLSearchParams 类型的数据。请求方式：默认为post请求...
JS判断浏览器是否是关闭
zjybushiren88888的专栏
09-13 435
js标签只有onload"onunload"onbeforeunload事件，而没有onclose事件。不管页面是关闭还是刷新都会执行onunload事件。如何捕捉到页面关闭呢？ 页面加载时只执行onload 页面关闭时只执行onunload 页面刷新时先执行onbeforeunload，然后onunload，最后onload。这样我们可以在onbeforeunload中加一个标记，在onunlo
阻止浏览器刷新，后退，关闭事件（onbeforeunload事件）
m0_46937095的博客
11-20 1万+
系列文章目录 项目场景： 提示：这里简述项目相关背景： 例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大)<hr style=" border:solid; width:100px; height:1px;" color=#000000 size=1"> 问题描述： 提示：这里描述项目中遇到的问题： 例如：数据传输过程中数据不时出现丢失的情况，偶尔会丢失一部分数据 APP 中接收数据代码： @Override publ
JavaScript 捕获窗口关闭事件
10-29
### JavaScript 捕获窗口关闭事件 #### 一、引言 在Web开发中，有时候我们需要监测浏览器窗口的关闭事件，以便执行某些操作，比如询问用户是否确认离开当前页面、保存用户状态等。本文将详细介绍如何使用...
vuejs中监听窗口关闭和窗口刷新事件的方法
12-03
总的来说，Vue.js提供了一种优雅的方式来处理窗口关闭和刷新事件，通过结合`window.onbeforeunload`事件和Vue的生命周期钩子，我们可以实现对用户离开页面时的控制，从而提升用户体验并保证数据的完整性。...
分享JavaScript获取网页关闭与取消关闭的事件
12-01
这篇分享主要探讨了如何利用JavaScript获取网页关闭以及用户取消关闭的事件，以提供更友好的用户体验。 首先，`onbeforeunload`事件是JavaScript中用于在页面卸载前执行的事件，通常用来警告用户他们的操作可能会...
捕获网页关闭事件
12-25
总结来说，捕获网页关闭事件主要依赖于JavaScript的 `beforeunload` 和 `unload` 事件。通过监听这些事件，开发者可以执行用户离开页面前的预处理操作，如数据保存和资源清理。然而，需要注意的是，应当合理使用这些...
捕获关闭窗口的脚本
09-06
这种情况下，可以使用JavaScript的事件监听器来捕获窗口关闭事件。标题“捕获关闭窗口的脚本”和描述所提及的，就是关于如何在用户尝试离开页面时弹出提示并处理返回信息的技术。 JavaScript 提供了两个关键的事件...
Vue js监听区分窗口关闭事件和刷新事件，并在窗口关闭前发送请求，退出登陆
@必意玲
09-08 4382
区分窗口关闭和刷新事件 火狐浏览器兼容 关闭发请求，退出登陆操作（使用原生发同步请求，使用axios发异步会出现时行时不行问题） <template> <div id="app"> <router-view /> </div> </template> <script> export default { ...
【webview】微信和PC监听浏览器关闭和刷新(亲测可用)
热爱技术，享受生活
09-13 3944
最近做的项目里有一个新的需求，在不同的浏览器内打开的网页，监听用户的操作，比如关闭浏览器，刷新浏览器等等。这就涉及到了几个平台：PC端浏览器，移动端IOS和安卓微信的webview等等。在微信里打开的H5网页，要获取到用户关闭页面的事件。经过对visibilitychange、 unload/pagehide 、onunload、popstate各种方法一阵测试，发现安卓里能监听到关闭事件。而iOS里使用pagehide能监听。
javascript捕获窗口关闭事件有两种方法
hck341204的专栏
12-20 204
1.用javascript重新定义 window.onbeforeunload() 事件 在javascript里定义一个函数即可 function window.onbeforeunload() { alert("关闭窗口")} alert()事件将会在关闭窗口前执行，你也可以用户决定是否关闭窗口 function window.onbeforeunload() ...
HTML5之Javascript多线程
12-18 1550
Javascript执行机制       在HTML5之前，浏览器中JavaScript的运行都是以单线程的方式工作的，虽然有多种方式实现了对多线程的模拟（例如：Javascript 中的 setinterval 方法，setTimeout 方法等），但是在本质上程序的运行仍然是由 JavaScript 引擎以单线程调度的方式进行的。在 HTML5 中引入的工作线程使得浏览器端的 Javas
利用js实现页面关闭时发送http请求
weixin_41544124的博客
01-03 6085
最近在做项目的时候，有这样一个功能，当用户在填写表单之后，或是填写了部分表单，但并没有点击提交，而且是离开了页面，这时需要前端做一个事，就是发个请求到后端保存用户填写的表单数据。 一、在做这件事件之前 需要弄清楚beforeunload和unload的区别 1.onunload事件是已经从服务器读取到了数据，在替换到当前页面之前执行的。 2.onbeforeunload事件是正要去服务器读...
js实现监听浏览器关闭和刷新事件-检测视频播放时间并提交给后台程序
韩盼盼的小窝
05-18 7825
监听浏览器关闭事件，实现在刷新时或者浏览器关闭前我们可以写一些业务逻辑 需求1：H5游戏，在用户切换了标签页，（游戏界面处于非当前页面）暂停游戏 需求2：在线教学视频，在用户切换了标签页或者关闭浏览器后，暂停视频播放，并及时记录观看时间，发送到后台程序 实现： 主要是利用两个API:document.onvisibilitychange 和window.onbeforeunload...
js监听浏览器关闭页面事件
热门推荐
佳佳鸽的博客
01-24 1万+
window.onbeforeunload = function() { //功能函数 } window.onbeforeunload = function(e) { var e = window.event ||e; e.returnValue=("是否确定关闭页面"); } 加入js文件后，查看网页效果： 点击网页对应窗口的关闭按钮，会弹窗如下弹窗： ...
JS与webview交互 js退出当前webview为例子
zihaowu的博客
05-12 4883
JS与webview交互 js退出当前webview为例子 Android 4.2之后 JS调用webview里面的Java程序需要添加注解 @JavascriptInterface 首先在webview里面搭建后台代码片段： webSettings = mWebView.getSettings(); // 设置mwebview属性，能够执行Javascript脚本 mWebView.getSettings().setJavaScriptEnabled
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值