ブラウザバッグまたはリロード押下時に別のページへ遷移させる方法(JavaScript)

ブラウザによって挙動が異なる場合があるので、十分にテストを実施しながら開発頂ければと思います。

//ブラウザバック押下時の処理
if(history && history.pushState && history.state !== undefined){
          // nullページを履歴に追加する
          history.pushState(null, null, null);
          window.addEventListener("popstate", function(){
          window.open( "遷移したい画面リンクを記載", "_self") ;  
          history.pushState(null, null, null);
          });
        }
//リロード押下時の処理(FireFox以外)
        if (performance) {
          if (performance.navigation.type === 1) {
            window.open( "遷移したい画面リンクを記載", "_self") ;  
          }
        }
//リロード押下時の処理(FireFox)
    window.addEventListener('unload', function(e){         
         window.open("遷移したい画面リンクを記載", "_self") ;               console.log('unload');        });
    }



この記事が気に入ったらサポートをしてみませんか?