Событие после кнопки возврата в мобильном браузере

Question

Возникает ли событие после перехода на страницу с помощью кнопки возврата браузера?

Причина: у меня есть мобильный веб-сайт, на котором отображается анимация загрузки после нажатия на определенную ссылку. Если посетитель позже вернется на эту страницу с помощью кнопки «Назад», анимация по-прежнему блокирует весь пользовательский интерфейс.

Answer 1

Я не знаю такого события, как то, что вы ищете. ?

Несколько других вариантов могут решить вашу проблему.

Вы можете установить уникальное значение в localstorage и проверить его в готовом документе . Если он существует, то скрыть / отключить загрузочную анимацию.

Установите его при запуске анимации:

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

Проверьте наличие товара в документе:

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

Вы также можете отключить анимацию загрузки, когда пользователь в первую очередь уходит со страницы, используя событие beforeunload .

Или можно также привязать анимацию загрузки к завершению пользовательского события или обещания в зависимости от того, что происходит за кулисами.

Answer 2

Возможно, вы установили анимацию загрузки, пока пользователь ожидает правильной загрузки страницы?

Если пользователь нажимает кнопку назад, он будет перенаправлен на предыдущую страницу, которая кэшируется в браузере клиента.Вероятно, поэтому вы вообще не видите анимацию загрузки, и это хорошо.

Если у вас другое условие, отображающее анимацию загрузки, возможно, стоит изменить его в соответствии с вашими целями.