Wie löst man ein Ereignis aus, wenn sich der Hash-Speicherort ändert

Question

Ich versuche ein Ereignis auszulösen, wenn sich der Hash innerhalb meiner URL mit der Methode onhashchange ändert. Ich rufe es an, aber es scheint nie ausgeführt zu werden.

Ich habe Folgendes versucht.

$(function() { 
    window.addEventListener("onhashchange", function() { 
     alert("Here"); 
    }); 

    window.onhashchange = function() { 
     alert("Changed"); 
    } 
)}; 

Gibt es einen Grund, warum diese Funktionen nicht aufgerufen werden?

Answer 1

Sie sollten 'Hashchange' anstelle von 'onhashchange' in Ihrem ersten Beispiel schreiben.

Dieser Code funktioniert für mich, zumindest in Chrome fein:

window.addEventListener('hashchange', function(e){ 
    console.log('changed'); 
}) 

Hier kurzen Code-Schnipsel ist: https://jsfiddle.net/bm8jjwmq/

Answer 2

if ("onhashchange" in window) { 
    alert("The browser supports the hashchange event!"); 
} 

▲ Für Support // ▼ Umsetzung

function locationHashChanged() { 
    if (location.hash === "#somecoolfeature") { 
     somecoolfeature(); 
    } 
} 

window.onhashchange = locationHashChanged; 

Quelle: https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onhashchange