Окно: событие hashchange

Событие hashchange срабатывает, когда фрагмент идентификатора URL изменился (часть URL, начинающаяся и следующая за символом #).

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

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

Объект HashChangeEvent. Наследуется от Event.

HashChangeEvent.newURL Только для чтения

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

HashChangeEvent.oldURL Только для чтения

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

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

• HTMLBodyElement
• HTMLFrameSetElement
• SVGSVGElement

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

window.addEventListener(
  "hashchange",
  () => {
    console.log("The hash has changed!");
  },
  false,
);

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

function locationHashChanged() {
  if (location.hash === "#cool-feature") {
    console.log("You're visiting a cool feature!");
  }
}

window.onhashchange = locationHashChanged;

• popstate событие