Window: событие hashchange

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

Синтаксис

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

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

Тип события

HashChangeEvent. Наследуется от Event.

Event HashChangeEvent

Свойства события

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

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

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

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

Псевдонимы обработчика события

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

Примеры

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

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

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

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

window.onhashchange = locationHashChanged;

Спецификации

Specification
HTML Standard
# event-hashchange
HTML Standard
# handler-window-onhashchange

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также