onhashchange Event
❮ DOM Events ❮ HashChangeEvent
Example
Execute a JavaScript when the anchor part has been changed:
<body onhashchange="myFunction()">
Try it Yourself »
More "Try it Yourself" examples below.
Definition and Usage
The onhashchange event occurs when there has been changes to the anchor part (begins with a '#' symbol) of the current URL.
An example of what an anchor part actually is: Assume that the current URL is
http://www.example.com/test.htm#part2 - The anchor part of this URL would be
#part2.
To invoke this event, you can:
- Change the anchor part by setting the location.hash or location.href property of the Location Object
- Navigate to the current page with a different bookmark (Use the "back" or "forward" buttons)
- Click on a link to a bookmark anchor
Browser Support
The numbers in the table specify the first browser version that fully supports the event.
| Event | |||||
|---|---|---|---|---|---|
| onhashchange | 5.0 | 8.0 | 3.6 | 5.0 | 10.6 |
Syntax
In JavaScript, using the addEventListener() method:
object.addEventListener("hashchange", myScript);
Try it Yourself »
Note: The addEventListener() method is not supported in Internet Explorer 8 and earlier versions.
Technical Details
| Bubbles: | Yes |
|---|---|
| Cancelable: | No |
| Event type: | HashChangeEvent |
| Supported HTML tags: | <body> |
| DOM Version: | Level 3 Events |
More Examples
Example
How to assign the "onhashchange" event to the window object:
window.onhashchange = myFunction;
Try it Yourself »
❮ DOM Events ❮ HashChangeEvent
