美文网首页
监听浏览器关闭事件为什么会不生效呢?

监听浏览器关闭事件为什么会不生效呢?

作者: 时间煮鱼 | 来源:发表于2024-02-19 10:13 被阅读0次

最近有个需求:需求如下


1708395148826.png

百度解决思路:使用浏览器默认的 监听浏览器关闭事件

window.addEventListener('beforeunload', this.handleBeforeunload);

 // 浏览器关闭事件
    handleBeforeunload(e) {
      e.preventDefault();
      const ret = "离开当前页面不会保存数据哦"; // 这句话写了也不提示
      e.returnValue = ret;
      return ret;
    },

发现不行,反复检查以及和网上别人对比,为啥别人可以我的不行呢?

最后发现:

直接打开页面关闭,这就导致页面不提示,如果你打开页面后,随便点两下(操作下页面),再关闭页面,他就会提示!!!

相关文章

  • 监听浏览器关闭事件

    最近有个需求,点击修改文章要弹出新的窗口,并给当前文章加锁,不允许别的用户操作,关闭浏览器之后需要调接口解锁文章。...

  • 监听浏览器关闭事件

    # 1: 监听浏览器关闭事件 --- 后台删用户登录信息 --- IE不可用 .jsp : var _befo...

  • JavaScript HTML DOM EventListene

    监听事件 浏览器会根据某些操作触发对应事件,如果我们需要针对某种事件进行处理,则需要监听这个事件。监听事件的方法主...

  • JS事件—事件模型

    监听函数 浏览器的事件模型,就是通过监听函数(listener)对事件做出反应。事件发生后,浏览器监听到了这个事件...

  • 37 高级:MVC

    课堂笔记 如何监听 的提交事件 为什么不监听click 事件?因为仅监听'click'事件时,便无法监听用户使用回...

  • vue 监听浏览器关闭事件

    用vue做的项目,有个需求就是关闭浏览器的时候,需要往后台提交有个接口,来监听这个账号有没有下线。 网上找了很多种...

  • antd的ImageUploader组件预览图片时,切换路由预览

    可以在离开页面时使用 ImageViewer.clear() 如果需要在浏览器后退事件时关闭预览窗口,需要监听浏览...

  • Angular 监听浏览器事件(刷新/关闭/...)

    在项目中,关于Angular路由跳转的控制(Guard)如果基本都是基于CanActivatee与canDeact...

  • js 浏览器回退事件 如何在react使用

    监听浏览器回退事件在hooks组件使用 这个事件仅限于监听浏览器回退事件做一些业务逻辑处理,并不能阻止浏览器回退 ...

  • 监听浏览器的后退事件

    1.window的popstate事件 监听浏览器回退事件,主要依赖于监听:window的popstate事件,因...

网友评论

      本文标题:监听浏览器关闭事件为什么会不生效呢?

      本文链接:https://www.haomeiwen.com/subject/sdqvadtx.html