js如何判断用户当前的操作是刷新还是关闭浏览器呢?

发布于 2022-09-13 00:43:38 字数 217 浏览 11 评论 0

我目前用的下列方法,在vue的 mounted()中触发的

window.addEventListener('beforeunload', e => {
  // 相关方法
})

但这个方法无论是刷新还是关闭都会触发

我目前的需求是在监听到用户是刷新操作时,触发其他的方法

所以要如何监听仅仅用户的刷新操作呢?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

网白 2022-09-20 00:43:38

判断不了。

你可以监听一下键盘事件,判断一下是不是按了 F5、Ctrl+R 这种刷新快捷键,记录一下到 SessionStorage 里以便页面重新进入后来做判断(对于 Chrome 的复制标签页功能来说比较蛋疼,会出现误判)。不过用鼠标操作的或者移动端那就没办法了。

火狐浏览器的话有一个 performance.navigation.type 字段可以判断,不过现在并不是标准 API。

https://developer.mozilla.org...

苍白女子 2022-09-20 00:43:38


这个钩子是vue3特有的,可能需要你改一下。

等风来 2022-09-20 00:43:38

你可以用sessionStorage 保存进出状态就好了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文