Listener-Ereignis für, wenn URL-Parameter ändern

Question

Ich habe eine einzelne Seite App mit Seitenumbruch und Filter und müssen erkennen, wenn die aktuelle URL überhaupt ändert. Gibt es keine einfache Möglichkeit, einen Listener zur aktuellen URL hinzuzufügen und bei Änderungen etwas auszulösen? (Keine Intervalle entweder Einstellung!)

1. Benutzer landet auf www.foobar.com
2. Benutzer hat etwas, URL Änderungen
3. Meine Funktion www.foobar.com?filter=hello läuft

Ich habe beide onhashchange versucht und unbeforeunload versucht, und beide sind dafür relevant.

Gibt es eine Möglichkeit, der URL einen Listener hinzuzufügen und bei jeder Änderung etwas auszulösen? (Auch hier einzelne Seite app, so dass keine Refresh)

Answer 1

Wenn Sie setInterval nicht verwenden möchten, können Sie das history.pushState Ereignis außer Kraft setzen:

(function(history){ 
    const pushState = history.pushState; 
    history.pushState = function(state) { 
     if (typeof history.onpushstate == "function") { 
      history.onpushstate({state: state}); 
     } 
     // Call your custom function here 
     return pushState.apply(history, arguments); 
    } 
})(window.history);