ブラウザでの「戻る」ボタンのクリックをどのように検出できますか?

ブラウザ内の戻るボタンのクリックを検出

ユーザー ナビゲーション イベントを追跡するには、window.onbeforeunload イベント リスナーを使用できます。ただし、このイベントは、戻るボタンが押されたときだけでなく、ページの更新またはリロード中にもトリガーされます。

解決策:

この問題を解決するには、次のコードを使用します。 window.onload イベントを使用できます:

window.onload = function () {
    if (typeof history.pushState === "function") {
        history.pushState("jibberish", null, null);
        window.onpopstate = function () {
            history.pushState('newjibberish', null, null);
            // Handle back/forward navigation here
        };
    }
    else {
        var ignoreHashChange = true;
        window.onhashchange = function () {
            if (!ignoreHashChange) {
                ignoreHashChange = true;
                window.location.hash = Math.random();
                // Handle hash change navigation here
            }
            else {
                ignoreHashChange = false;
            }
        };
    }
}

このソリューションは、戻るナビゲーションと、リフレッシュやリロードなどの他のイベントを区別し、戻るボタンのクリックを正確に処理します。 ChromeやFirefoxなどのブラウザで快適に動作します。

以上がブラウザでの「戻る」ボタンのクリックをどのように検出できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。