ブラウザの「戻る」「進む」でやってきたのを判定

icon javascript

現在のページが,ブラウザの「戻る」や「進む」の操作でやってきたのか?

javascriptで判定する方法があったのでメモ.

  window.addEventListener('pageshow', () => {
    if ( performance.getEntriesByType("navigation")[0].type === 'back_forward' ) {
      // ブラウザの戻る・進む操作
    }
    else {
      // その他の方法で表示
    }
  });

ページが表示された時の処理を pageshow イベントで検知し,その後 performance にて「戻る」「進む」を ‘back_forward’ にて判定する.

タイトルとURLをコピーしました