addEventListener("hashchange", myFunction); - Javascript DOM Event

Javascript examples for DOM Event:addEventListener

  1. HOME
  2. Javascript
  3. DOM Event
  4. addEventListener

Description

The onhashchange event occurs when the URL anchor is about to change.

Summary

Bubbles Yes
Cancelable No
Supported HTML tags: <body>

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body>

<button onclick="changePart()">Try it</button>

<p id="demo"></p>

<script>
function changePart() {// w  w  w. j  a v  a 2  s.  c om
    location.hash = "newAnchor";
    var x = location.hash;
    document.getElementById("demo").innerHTML = "The anchor part is now: " + x;
}

window.addEventListener("hashchange", myFunction);

function myFunction() {
    console.log("The anchor part has changed!");
}
</script>

</body>
</html>

Related Tutorials