onhashchange Event
Clash Royale CLAN TAG#URR8PPP
<!--
main_leaderboard, all: [728,90][970,90][320,50][468,60]-->
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 |
<!--
mid_content, all: [300,250][336,280][728,90][970,250][970,90][320,50][468,60]-->
Syntax
In HTML:
<element onhashchange="myScript">
Try it Yourself »
In JavaScript:
object.onhashchange = function()myScript;
Try it Yourself »
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
