Loading

浏览器刷新监听或浏览器关闭事件监听

浏览器刷新监听或浏览器关闭事件监听

beforeunload 事件使网页能够触发一个确认对话框,询问用户是否真的要离开该页面。如果用户确认,浏览器将导航到新页面,否则导航将会取消。

onpagehide 事件在用户离开网页时触发

应用场景

当我们想在用户刷新或者关闭浏览器做一些操作时,比如调用接口,就会遇到一些比较有意思的情况,经测试

PC:适合使用beforeunload事件

移动端:适合使用pagehide事件

不要试图在这些事件上写alert弹框看效果,经测试无效,但对写入localstorage做测试是可以的。

总结

beforeunload 接口调用异步。看到很多网友说这里得写同步,但经过我测试,同步的话浏览器接口都不会调用,异步的话浏览器显示请求会被中断,但最后还是会调用成功。

pagehide 接口调用 同步。

posted @ 2021-08-02 09:07  冯叶青  阅读(1579)  评论(0编辑  收藏  举报