onchange-Ereignis auf window.location.href

Ich möchte eine Javascript-Funktion auslösen, wenn window.location.href Verknüpfungsänderungen. Ist es möglich?

Etwas wie das:

$(window.location.href).on('change', function(){
   doSomething();
});

Du sagtest ‘etwas wie‘, angesichts des Beispielcodes, nach dem Sie wahrscheinlich suchen onbeforeunload Ereignishandler.

Von dem Mozilla-Dokumentation:

window.onbeforeunload = function(e) {
  return 'Dialog text here.';
};

Das Hashchange-Ereignis tritt auf, wenn Änderungen am URL-Ankerteil vorgenommen wurden, dh nach dem #

window.addEventListener('hashchange', function() {

    alert("Hash Changed");

});

Es gibt kein integriertes Ereignis, das bei allen URL-Änderungen ausgelöst wird. mal sehen warum:

window.addEventListener('hashchange',listener)

• löst nur aus, wenn sich der Hash (#) in der URL ändert.

window.addEventListener('popstate', listener);

• wird nur ausgelöst, wenn der Benutzer auf die Schaltfläche “Zurück” klickt und nicht auf pushState() oder replaceState() Veranstaltung. Nutzlos für SPA Websites.

window.onbeforeunload()

• wird nicht funktionieren SPA Websites und auf Hashchange.

Also, gibt es einen Weg?
Ja, verwenden Mutationsbeobachter:

let previousUrl = "";

const observer = new MutationObserver(() => {
  if (window.location.href !== previousUrl) {
    console.log(`URL changed from ${previousUrl} to ${window.location.href}`);
    previousUrl = window.location.href;
    // do your thing
  }
});
const config = { subtree: true, childList: true };

// start observing change
observer.observe(document, config);