Verhindern Hash-Navigation im Browser

Question

Ich implementiere Router für die Navigation in der Single-Page-Anwendung (etwas wie Angulars ui-router). Das Routing wird durchgeführt, indem der Hash des Browser-Standorts geändert wird.

Es sollte nicht möglich sein, zu einer nicht deklarierten Route zu navigieren. Also, wenn ich nur #/foo Route deklariert habe, und derzeit bin ich auf #/foo und versuche, den Hash zu #/bar zu ändern, sollte der Browser Hash auf #/foo zurücksetzen.

Allerdings wird danach #/bar in der Browserhistorie bleiben. Die Frage ist: Wie kann man verhindern, dass sich die Historie bei der Hash-Navigation ändert?

Ich habe

versucht

$(window).on('hashchange', function(event) { 
    event.preventDefault(); 
    return false; 
}) 

aber es hat nicht funktioniert.

Answer 1

Dies wurde bereits beantwortet. Sie können das onpopstate-Ereignis verwenden, um zu erkennen, wenn der Benutzer vorwärts/zurück schlägt, aber Sie müssen die Methoden pushState und replaceState umbrechen, um festzustellen, wann sie verwendet werden. Beispiele sind hier gezeigt: How to detect when history.pushState and history.replaceState are used?