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

Question

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

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

Answer 1

我不知道您想要的活动。

不过，还有一些其他方法可以解决您的问题。

您可以在localstorage中设置一个唯一值，然后检查on document ready。如果存在，则隐藏/关闭您的加载动画。

在开始动画时进行设置：

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

检查是否已准备好文档中的项目：

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

当用户首先使用beforeunload事件离开页面时，也可以关闭加载动画。

或者，您也可以将加载动画与custom event或promise的完成联系起来，具体取决于幕后发生的事情。

Answer 2

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

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

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