HTML5 AJAXアプリケーションのURL変更ハンドラはありますか？（HTML4のハッシュチェンジハンドラと同様）

Question

私はhashchangeハンドライベントを待ち受けます。しかし、HTML5では、ハッシュを使わずにURLを変更できます。どのようにURL変更にリスナーを追加できますか？

Answer 1

JSを使用しなくてもハッシュ変更が発生する可能性があります。アンカーリンクをクリックするデフォルトの動作と同様に、ハッシュ変更をトリガーすることができます。

HTML5履歴オブジェクトは、JSを介してのみ操作できます。これにはpushState()とreplaceState()があります。一度使用すると、ブラウザの前後のbuttunはpopstate eventをトリガーします。私がHTML5の履歴について知っている他のイベントハンドラはありません。

$(window).bind("popstate", function() { 
    console.log(window.location.href); 
}); 

何かが履歴オブジェクトに状態を推進している時はいつでもあなたは、トリガーが必要な場合は、あなたがに頼る必要があり、それのためにオブザーバー（コールバック）を許可するために、これを呼び出している誰でも。

function onPushState(callback) { 
    (function(pushState) { 
     history.pushState = function() { 
      pushState.apply(this, arguments); 
      callback.apply(window, arguments); 
     }; 
    })(history.pushState); 
} 

onPushState(function() { 
    console.log(window.location.href); 
}); 

http://jsfiddle.net/Cxjey

あなたは状態を交換するのと同じ操作を行うことができます：

そうでなければ、それほど強固ではない何かの何かを試みることができます。

また、デフォルトのブラウザの動作を変更しているので、これはお勧めできません。