首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    javascript如何监听页面刷新和页面关闭事件

    在我们的日常生活中,时常遇到这么一种情况,当我们在点击一个链接、关闭页面、表单提交时等情况,会提示我们是否确认该操作等信息。...(因为,unbeforeunload()是在页面刷新之前触发的事件,而onubload()是在页面关闭之后才会触发的)。 unbeforeunload()事件可以禁止onunload()事件的触发。...onunload()事件是无法阻止页面关闭的。...浏览器的兼容 onunload: IE6,IE7,IE8 中 刷新页面、关闭浏览器之后、页面跳转之后都会执行; IE9 刷新页面 会执行,页面跳转、关闭浏览器不能执行; firefox(包括firefox3.6...) 关闭标签之后、页面跳转之后、刷新页面之后能执行,但关闭浏览器不能执行; Safari 刷新页面、页面跳转之后会执行,但关闭浏览器不能执行; Opera、Chrome 任何情况都不执行。

    14.5K30

    刷新关闭页面之前发送请求

    然而现实狠狠的打了我的脸,因为退出页面的场景不止切换路由~ 退出页面场景: 还在本网站,跳到其他路由 刷新页面/关闭页面 还在本网站,跳到其他路由 这个比较简单,在 Vue中可以通过路由离开的钩子 beforeRouteLeave.../关闭页面的情况: 然而在刷新页面的时候, beforeRouteLeave并不会执行,接着想到了下面这两个 API. beforeunload和 unload beforeunload 当浏览器窗口关闭或者刷新时触发...: 介绍: 使用这个 API可以阻止页面直接关闭,用户通过点击确定/取消按钮,来决定是否不关闭/刷新当前页面。...,是浏览器的行为 用户取消/确定,没有回调 API,无法得知 弹窗标题: chrome 中刷新页面的标题: 重新加载此网站chrome 中关闭页面的标题: 离开此网站现在大部分浏览器都不允许修改弹窗的标题...,这个是为了安全考虑,来保证用户不受到错误信息的误导, 迷茫: 一开始我以为既然可以拦截到用户的刷新/关闭页面的操作,出现了上面那个弹窗,这个需求就已经做完了的时候。

    4.5K40

    【Flutter】Flutter 页面跳转 ( 路由 Route | 导航器 Navigator | 页面关闭 )

    文章目录 一、Flutter 页面跳转 二、路由信息注册 三、通过路由名实现页面跳转 四、通过路由名实现页面跳转 五、退出界面 六、完整代码示例 七、相关资源 一、Flutter 页面跳转 ---- Flutter...页面跳转 : 路由 ( Route ) : 每个页面都可以设置一个路由名称 , 在路由中注册该名称 , 之后便可以通过路由名称进行页面跳转 ; // 通过路由名称实现页面跳转 , 通过路由名称字符串实现跳转...-- 注册路由 : 在 MaterialApp 根节点组件中的 routes 字段注册路由 , 路由信息存储在 Map 集合中 , 键是路由名称 , 值是页面...页面组件对应的路由名称是 " LayoutPage " 字符串 , 三、通过路由名实现页面跳转 ---- 通过路由名实现页面跳转 : 调用 Navigator 的 pushNamed 方法 , 实现页面跳转...1"), ), 四、通过路由名实现页面跳转 ---- 调用 Navigator.push 方法实现页面跳转 , 此处第二个参数传入 MaterialPageRoute 类型对象 , 代码如下 :

    3.8K00

    【兼容性】监听页面关闭发送请求

    这个是前端兼容性系列内容 因为前端监控会在页面关闭的时候,发送一下日志,所以会涉及到监听页面关闭,之前我们只监听了一个beforeunload 来发送数据 但是我看了之后发现应该没有这么简单实现,前端总要写一些乱七八糟的兼容代码的啊...下面就来详细说说,本文分为 1、页面关闭动作 2、页面关闭事件 3、测试结论 4、兼容做法 5、页面关闭发送请求 亲身多次实验,but 数据仅供参考 页面关闭动作 我仔细想了想所有会导致页面关闭的动作...1、页面刷新 2、跳转页面 3、关闭tab 4、关闭浏览器 所以如果我要监听页面关闭,那么我必须要都兼容这些动作。...我是怎么做这些动作的,关闭tab ,pc 的不用说了吧 移动端就是打开浏览器的窗口界面,然后关闭 关闭浏览器则是在任务管理界面,把 app 划出 页面关闭事件 页面关闭有哪些事件,我直接列出来 1、beforeunload...也要做好错误处理 我搜到一个开源库的sendBeacon兼容处理 https://github.com/miguelmota/Navigator.sendBeacon/blob/master/sendbeacon.js

    5.7K60

    js实现页面刷新

    : 1,页面自动刷新:把如下代码加入区域中 复制代码 代码如下: 其中20指每隔20秒刷新一次页面. 2,页面自动跳转...3,页面自动刷新js版 复制代码 代码如下: function myrefresh() { window.location.reload...(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次 4,JS刷新框架的脚本语句 复制代码 代码如下: //刷新包含该框架的页面用...1.页面自动刷新:把如下代码加入区域中 其中20指每隔20秒刷新一次页面. 2.页面自动跳转:把如下代码加入...3.页面自动刷新js版 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 三、java在写Servler,Action等程序时,要操作返回页面的话(如谈出了窗口,操作完成以后,关闭当前页面

    27.9K40
    领券