How can I detect an address bar change with JavaScript?

by

HTML5 introduces a hashchange event which allows you to register for notifications of url hash changes without polling for them with a timer.

It it supported by all major browsers (Firefox 3.6, IE8, Chrome, other Webkit-based browsers), but I’d still highly suggest to use a library which handles the event for you – i.e. by using a timer in browsers not supporting the HTML5 event and using the event otherwise.

window.onhashchange = function() {
    alert("hashtag changed");
};

For further information on the event, see https://developer.mozilla.org/en/dom/window.onhashchange and http://msdn.microsoft.com/en-us/library/cc288209%28VS.85%29.aspx.

More Related Contents:

  1. What is DOM Event delegation?
  2. What is event bubbling and capturing?
  3. How can I trigger a JavaScript event click
  4. The value of “this” within the handler using addEventListener
  5. What exactly is the parameter e (event) and why pass it to JavaScript functions?
  6. How to get a word under cursor using JavaScript?
  7. Intercept page exit event
  8. Listening for variable changes in JavaScript
  9. React onClick function fires on render
  10. How can I get the destination URL for the onbeforeunload event?
  11. How to check whether dynamically attached event listener exists or not?
  12. Reading client side text file using Javascript
  13. Accessing an object’s property from an event listener call in JavaScript
  14. Enter key press behaves like a Tab in Javascript
  15. Prevent parent container click event from firing when hyperlink clicked [duplicate]
  16. onMouseMove get mouse position [duplicate]
  17. Do I need to remove event listeners before removing elements?
  18. How to fire a change event on a HTMLSelectElement if the new value is the same as the old?
  19. cloning javascript event object
  20. JavaScript KeyCode Values are “undefined” in Internet Explorer 8
  21. Call a Javascript function every 5 seconds continuously [duplicate]
  22. How to listen for child window closing?
  23. JavaScript Event prototype in IE8
  24. How browser executes Javascript and renders asynchronously
  25. How do I listen for triple clicks in JavaScript?
  26. Fire oninput event with jQuery
  27. Handle refresh page event with JavaScript
  28. How to to initialize keyboard event with given char/keycode in a Chrome extension?
  29. What is the difference between Event.target, Event.toElement and Event.srcElement?
  30. HTML5 Canvas: Get Event when drawing is finished

Leave a Comment