我目前用的下列方法,在vue的 mounted()中触发的
window.addEventListener('beforeunload', e => {
// 相关方法
})
但这个方法无论是刷新还是关闭都会触发
我目前的需求是在监听到用户是刷新操作时,触发其他的方法
所以要如何监听仅仅用户的刷新操作呢?
我目前用的下列方法,在vue的 mounted()中触发的
window.addEventListener('beforeunload', e => {
// 相关方法
})
但这个方法无论是刷新还是关闭都会触发
我目前的需求是在监听到用户是刷新操作时,触发其他的方法
所以要如何监听仅仅用户的刷新操作呢?
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.8k 阅读✓ 已解决
判断不了。
你可以监听一下键盘事件,判断一下是不是按了 F5、Ctrl+R 这种刷新快捷键,记录一下到 SessionStorage 里以便页面重新进入后来做判断(对于 Chrome 的复制标签页功能来说比较蛋疼,会出现误判)。不过用鼠标操作的或者移动端那就没办法了。
火狐浏览器的话有一个
performance.navigation.type
字段可以判断,不过现在并不是标准 API。