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 2015年7月.
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 |
ブラウザーの互換性
Loading…