移動瀏覽器中后退按鈕后的事件

Question

通過瀏覽器的后退按鈕轉到頁面后是否引發了事件？

原因：我有一個移動網站，點擊某個鏈接后會顯示加載動畫。 如果訪問者稍后使用后退按鈕返回此頁面，動畫仍會阻塞整個 ui。

Answer 1

我不知道像您正在尋找的活動。 🤔

不過，其他一些選項可以解決您的問題。

您可以在localstorage 中設置一個唯一值，並在文檔就緒時檢查它。 如果存在，則隱藏/關閉加載動畫。

在開始動畫時設置它：

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

檢查文件上的物品是否准備就緒：

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

當用戶首先使用beforeunload事件導航離開頁面時，您還可以關閉加載動畫。

或者，您也可以將加載動畫與自定義事件的完成聯系起來，或者根據幕后發生的事情做出承諾。

Answer 2

您可能在用戶等待頁面正確加載時設置了加載動畫？

如果用戶點擊返回，他將被重定向到上一個頁面，該頁面緩存在客戶端的瀏覽器中。 這可能就是你根本看不到加載動畫的原因，這很好。

如果您有不同的條件顯示加載動畫，可以考慮根據您的目的相應地更改它。