javascript - ブラウザ履歴アクションの検出

Question

プッシュ状態を使用してHtml 5 Webサイトを構築しています.JavaScriptまたはJQueryでブラウザの戻るボタンが押されたかどうかを検出できるかどうか疑問に思っています. 次のように if ステートメントに含めたいと思います。

if (back_btn clicked){
//do stuff
}
if (forward_btn clicked){

}

Answer 1

popstate eventを探しています。

例：

window.onpopstate = function(event) {
    alert("location: " + document.location);
}

または、常に人気のある jQuery を使用します。

$(window).on('popstate',function(event) {
    alert("location: " + document.location);
});

これは、戻る/進むなど、履歴にアクセスするたびに発生します。Chrome では、これはページの読み込み時にも発生するため、簡単な方法はイベントが null かどうかを確認することです。

if(event.originalEvent.state!=null){
    // do something
}

もう 1 つの優れたリソースは、ハッシュタグなどを使用したフォールバックを備えたHistory.js jQuery プラグインです。また、popstate イベントの検出も非常に簡単になります。

Answer 2

そしてAngularJSの場合

$window.onpopstate = function(e) {
    $window.alert("location: " + $location.path());
}