hashchange ( onhashchange )イベント
hashchange ( onhashchange )イベントは、リンクのハッシュ # によってページ内の移動があると発生する HashChangeEvent インターフェイスのイベントタイプです。
ハッシュ # とは、ページ内の移動用 URL のことです。# 以降の名称が示す id 属性値の箇所に移動します。
Window オブジェクトまたは body タグエレメントが対象です。
widndow.onhashchange = ()=>{
console.log( event );
};
以下のことで hashchange イベントを呼び出すことができます。
- Location オブジェクトの location.hash または location.href プロパティで URL の#以下を移動する。
- 戻るや進むボタンを使用して onhashchange イベントを設定したページに移動する。
- ブックマークアンカーへのリンクをクリックする。
ページ内 Index
構文（Syntax）
in HTML
<tagelement onhashchange="function()">
in JavaScript
object.onhashchange = function(){ };
object.addEventListener("hashchange", script_);
備考（Remarks）
| Bubbles | Yes |
| Cancelable | No |
| Interface | HashChangeEvent |
| Supported HTML Elements | <body> |
Example
hashchange ( onhashchange )イベントの例です。確認
ボタンをクリックしてみてください。コードが実行されます。
event 詳細は開発用コンソールで確認してください。
ハッシュの変更
ボタンで hash 属性の値を変更しても hashchange イベントは起きないようです。