Window: событие hashchange
Событие hashchange
возникает, когда изменяется «якорь» URL (часть URL, которая начинается с символа #
).
Синтаксис
Используйте имя события в таких методах, как addEventListener()
, или устанавливайте свойство обработчика события.
addEventListener("hashchange", (event) => {});
onhashchange = (event) => {};
Тип события
HashChangeEvent
. Наследуется от Event
.
Свойства события
HashChangeEvent.newURL
Только для чтения-
Строка, содержащая новый URL, на который происходит перенаправление.
HashChangeEvent.oldURL
Только для чтения-
Строка, содержащая старый URL, с которого происходит перенаправление.
Псевдонимы обработчика события
В дополнение к интерфейсу Window
, свойство обработчика события onhashchange
также доступно на следующих объектах:
Примеры
Можно использовать событие hashchange
с методом addEventListener
:
window.addEventListener(
"hashchange",
() => {
console.log("Якорь был изменён!");
},
false,
);
Или использовать свойство обработчика события onhashchange
:
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
Смотрите также
- Событие
popstate