移动浏览器中后退按钮后的事件

Question

通过浏览器后退按钮进入页面后，是否引发了事件？

原因：我有一个移动网站，在单击某个链接后显示加载动画。如果访问者稍后使用后退按钮返回此页面，动画仍会阻止整个 UI。

Answer 1

我不知道

像你要找的事件。 🤔

不过，其他一些选项可以解决您的问题。

您可以在本地存储中设置一个唯一值，并在文档就绪时检查它。如果存在，则隐藏/关闭加载动画。

在启动动画时设置它：

window.localStorage.setItem('loadingAnimationStarted', 'true');

检查您的项目是否准备好了：

document.addEventListener('DOMContentLoaded', function(){
  if(localStorage.getItem('loadingAnimationStarted') === 'true') {
    stopAnimation();
  }
}

您还可以在用户首先使用 beforeunload 事件离开页面时关闭加载动画。

或者，

您也可以将加载动画与自定义事件的完成联系起来，或者根据幕后发生的事情做出承诺。

Answer 2

您可能在

用户等待页面正确加载时设置了加载动画？

如果用户单击返回，他将被重定向到上一页，该页面缓存在客户端的浏览器中。这可能就是为什么你根本看不到加载动画的原因，这很好。

如果您有显示加载动画的不同条件，可以考虑根据您的目的对其进行更改。