スマホのブラウザバックの検知とアクション

Question

スマホブラウザでブラウザバックを検知し、ポップアップを出す施策でつまづいています。
下記方法で実装したのですが、「2:ブラウザバック」がアラートされず。。

また、別のよい方法があればご教示いただけますと幸いです。

ご知見いただきたくよろしくお願いいたします。

$(window).load(function(){
    var ref = document.referrer;
    window.onpageshow = function(event) {
        alert("1:ページ遷移");
        if (event.persisted) {
            alert("2:ブラウザバック");
             if(ref){
            　　　alert("3:ポップアップ表示");
                 $(".m-bbPopup").fadeIn(300);
             }
        }
    };
});

■環境
iPhone safari
※対象はすべてのスマホブラウザです

Comments

[m.ts10806]

結局どのように解決されたのでしょうか。ヒント回答のみですし、どのような方向性にしたかだけでも回答にコメントいただけませんか？
(ご自身が回答者の立場になったときになにもないと不安になりませんか？)

Answer 1

スマホに限らずですが、下記質問を参考にしてください。

• teratail:ブラウザバックのイベントを取得する方法

ただ、「実現方法」だけを汲み取るのではなく、注意書きなどもありますので、それを踏まえて設計・実装をしていってください。