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

Question

通过浏览器的后退按钮转到页面后，是否引发事件？原因：我有一个移动网站，单击某个链接后会显示加载动画。如果访问者稍后使用“后退”按钮返回到此页面，则动画仍会阻止整个用户界面。

Answer 1

我不知道您要寻找的活动。?

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

您可以在localstorage中设置一个唯一值，并在准备好文档时检查它。如果存在，则隐藏/关闭您的加载动画。

开始动画时进行设置：

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

检查您的文件是否已准备就绪：

document.addEventListener('DOMContentLoaded', function(){

  if(localStorage.getItem('loadingAnimationStarted') === 'true') {

    stopAnimation();

  }

}

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

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

Answer 2

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

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

如果您有不同的情况来显示加载动画，则可以考虑根据您的目的对其进行相应的更改。