Window: hashchange イベント
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
hashchange イベントは、 URL のフラグメント識別子 (URL の # 記号で始まり続く部分) が変化したときに発生します。
| バブリング | あり |
|---|---|
| キャンセル | 不可 |
| インターフェイス | HashChangeEvent |
| イベントハンドラープロパティ |
onhashchange
|
例
hashchange イベントは addEventListener メソッドの中で使用することができます。
js
window.addEventListener(
"hashchange",
function () {
console.log("The hash has changed!");
},
false,
);
または onhashchange イベントハンドラープロパティを使用して、
js
function locationHashChanged() {
if (location.hash === "#cool-feature") {
console.log("You're visiting a cool feature!");
}
}
window.onhashchange = locationHashChanged;
仕様書
| Specification |
|---|
| HTML # event-hashchange |
| HTML # handler-window-onhashchange |