网页关闭事件

最新推荐文章于 2024-05-07 16:32:08 发布
最新推荐文章于 2024-05-07 16:32:08 发布
阅读量1.5k 收藏
点赞数 1
分类专栏： JS专区
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lsfhack/article/details/69664430
版权
在网页中加入下列代码就知道效果了   
     
  <script>   
  function    window.onunload(){alert(这就是你要做的事,关闭网页之后做的！)}   
  function    window.onbeforeunload(){alert(这就是你要做的事,关闭网页之前做的！)}   
  </script>     
    <body    οnunlοad="yourfunction()">
     
  如果响应onbeforeunload，或者onunload事件，那么就不只是ie关闭会触发事件，在页面刷新，或迁移等其他动作时，也可能会触发事件，所以我想应该这样   
     
     
  function    window.onbeforeunload()   
  {   
                  if(event.clientx>360&&event.clienty<0||event.altkey)   
                  {   
                                      //你的动作   
                  }   
  }

如何判断关闭还是刷新 

<script language=javascript>

function myunload()
{
if(event.clientX>document.body.clientWidth&&event.clientY<0||event.altKey)
{
window.event.returnValue = "关闭窗口";
}
else{
window.event.returnValue = "刷新窗口";
}
}

</script>

如果用的是窗架集frameset，那么要在frameset里面写onbeforeunload事件，此时document.body.clientWidth要减去20

 

jarry.liu
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
微信页面关闭事件
落下香樟树
10-22 2445
微信l浏览器页面关闭事件 需求： 在微信浏览器中，监听页面关闭事件，当页面关闭时，处理一些事件。这是平时工作中比较常遇到的问题。与此同时，还有微信页面的刷新问题，切后台问题等等。现就目前的需求，对前一段时间遇到的问题以及最终的解决办法，做一下记录。 业务需求： 微信浏览器页面关闭，暂停播放，停止记录时长； 微信浏览器页面切后台时，同上，暂停播放，停止记录时长； 后台杀死微信浏览器时，同上。 此中涉及到的事件主要有： 微信浏览器页面关闭事件：pagehide / unload 事件 页面的后台前台切
捕获网页关闭事件
12-25
这就是"捕获网页关闭事件"的重要作用。在这个主题下，我们将深入探讨如何使用JavaScript来实现这个功能，以及相关的最佳实践。 首先，JavaScript 提供了一个名为 `beforeunload` 的事件，它可以监听到浏览器窗口...
html页面获取关闭页面事件,html页面关闭事件
weixin_31220971的博客
06-03 3208
Onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。Onbeforeunload也是在页面刷新或关闭时调用，Onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取；而onunload则已经从服...
Vue 关闭页面触发事件
最新发布
spicyIsPleasant的博客
05-07 642
点击“课程学习”打开一个新的界面当关闭那个新的界面时刷新本页面的数据。
微信关闭网页触发事件/
软件开发
06-17 2508
<script> //初始化开始时间 var sTime = new Date(); //初始化结束始时间 var eTime = new Date(); window.addEventListener('pagehide', function () { eTime = new Date(); ...
javascript监听页面关闭事件
程序员老狼专注开发aigc或客服系统应用
10-06 1102
在开发在线客服系统的时候，我需要在客服关闭后台页面的时候，触发一下接口记录 $(window).bind('beforeunload',function(){ //操作 return 1 }); ...
Vue监听关闭网页事件
q879936814的博客
09-24 1246
接到新需求，需要在关闭掉网页时删掉localStorage这些东西 上代码 methods: { beforeunloadHandler(e) { //方法 } } mounted() { window.addEventListener('beforeunload', e => this.beforeunloadHandler(e)) } destroyed() { window.removeEventListener('beforeunload',
html捕获页面关闭,如何捕获浏览器窗口关闭事件？
weixin_35203997的博客
06-04 1202
这个beforeunload每当用户出于任何原因离开您的页面时，都会触发。例如，如果用户提交表单、单击链接、关闭窗口(或选项卡)或使用地址栏、搜索框或书签转到新页面，则会触发该选项。可以使用以下代码排除表单提交和超链接(其他框架除外)：varinFormOrLink;$('a').on('click',function(){inFormOrLink=true;});$('form')...
前端页面关闭事件 beforeunload
huangkang1995的博客
11-23 1万+
前端页面关闭事件 beforeunload 页面加载时只执行onload 页面关闭时先执行onbeforeunload，最后onunload 页面刷新时先执行onbeforeunload，然后onunload，最后onload。 beforeunload // js window.onbeforeunload = function(){ console.log("onbeforeunload"); return "提示语"; } // jq $(window).on("beforeunlo
react点击外部关闭事件
xxcf2010的博客
12-01 1150
import React from "react"; import ReactDOM from "react-dom"; import "./styles.css"; class App extends React.Component { constructor() { super(); this.myRef = createRef(); this.state = { showModal: false }; } handleClick = ()
html页面关闭事件
热门推荐
04-11 2万+
Onunload，onbeforeunload都是在刷新或关闭时调用，可以在脚本中通过window.onunload来指定或者在里指定。区别在于onbeforeunload在onunload之前执行，它还可以阻止onunload的执行。 　　Onbeforeunload也是在页面刷新或关闭时调用，Onbeforeunload是正要去服务器读取新的页面时调用，此时还没开始读取；而onunloa
分享JavaScript获取网页关闭与取消关闭的事件
12-01
这篇分享主要探讨了如何利用JavaScript获取网页关闭以及用户取消关闭的事件，以提供更友好的用户体验。 首先，`onbeforeunload`事件是JavaScript中用于在页面卸载前执行的事件，通常用来警告用户他们的操作可能会...
vuejs中监听窗口关闭和窗口刷新事件的方法
12-03
在Vue.js应用中，有时我们需要监听窗口的关闭和刷新事件，以便执行某些操作，比如保存用户数据或确认离开页面。本文将详细介绍两种在Vue.js中实现这一目标的方法。 首先，我们来了解一下`window.onbeforeunload`...
js实现关闭网页出现是否离开提示
10-18
本文将深入探讨如何利用JavaScript实现一个功能，即在用户尝试关闭网页时弹出一个提示框询问用户是否确实要离开。 在JavaScript中，有两个关键的事件属性可以帮助我们实现这个功能：`onbeforeunload` 和 `onunload`...
JS实现关闭当前子窗口，刷新父窗口…
JarryLiu 的专栏
04-08 1万+
JS代码如下：  function refreshParent() {   window.opener.location.href = window.opener.location.href;   window.close();    }                 html页面代码如下： <input type="button" id="btn1" class="btn" value
jquery根据name获取对象
JarryLiu 的专栏
04-08 1万+
$(":input[name='name属性值']").val()
最好用的web编辑器 KindEditor 在…
JarryLiu 的专栏
04-08 3994
官网地址：http://www.kindsoft.net/ 下载地址：http://www.kindsoft.net/down.php 演示地址：http://www.kindsoft.net/demo.php 文档地址：http://www.kindsoft.net/doc.php 源代码地址：https://github.com/kindsoft/kindeditor 效果预览： KindEd
ajax刷新父页面，关闭自己
JarryLiu 的专栏
04-08 3713
//刷新父页面，关闭自己。   function reloadparent()   {     // eval_r('var theform = window.document.form1;');     // theform.submit();     window.top.frame0.location.reload();     window.top.closeDialog(1);   }
playwright关闭网页弹窗
06-03
要关闭网页弹窗，可以使用 Playwright 的 `Page.on('dialog', callback)` 方法来监听网页弹窗事件，然后在回调函数中使用 `dialog.dismiss()` 方法来关闭弹窗。以下是示例代码： ```javascript const { chromium } ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

jarry.liu

如果对您有帮助，鼓励下博主吧

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值