Window: событие hashchange

Используйте имя события в таких методах, как addEventListener(), или устанавливайте свойство обработчика события.

addEventListener("hashchange", (event) => {});
onhashchange = (event) => {};

HashChangeEvent (en-US). Наследуется от Event.

HashChangeEvent.newURL (en-US) Только для чтения

Строка, содержащая новый URL, на который происходит перенаправление.

HashChangeEvent.oldURL (en-US) Только для чтения

Строка, содержащая старый URL, с которого происходит перенаправление.

В дополнение к интерфейсу Window, свойство обработчика события onhashchange также доступно на следующих объектах:

• HTMLBodyElement
• HTMLFrameSetElement (en-US)
• SVGSVGElement (en-US)

Можно использовать событие hashchange с методом addEventListener:

window.addEventListener(
  "hashchange",
  () => {
    console.log("Якорь был изменён!");
  },
  false,
);

Или использовать свойство обработчика события onhashchange:

function locationHashChanged() {
  if (location.hash === "#cool-page-part") {
    console.log("Вы перешли к замечательной части страницы!");
  }
}

window.onhashchange = locationHashChanged;

• Событие popstate