HashChangeEvent

{{APIRef("HTML DOM")}}

The HashChangeEvent interface represents events that fire when the fragment identifier of the URL has changed.

The fragment identifier is the part of the URL that follows (and includes) the # symbol.

{{InheritanceDiagram}}

Constructor

• {{domxref("HashChangeEvent.HashChangeEvent", "HashChangeEvent()")}}
  • : Creates a new HashChangeEvent object.

Instance properties

This interface also inherits the properties of its parent, {{domxref("Event")}}.

• {{domxref("HashChangeEvent.newURL")}} {{ReadOnlyInline}}
  • : The new URL to which the window is navigating.
• {{domxref("HashChangeEvent.oldURL")}} {{ReadOnlyInline}}
  • : The previous URL from which the window was navigated.

Instance methods

This interface has no methods of its own, but inherits the methods of its parent, {{domxref("Event")}}.

Examples

Basic example

function locationHashChanged() {
  if (location.hash === "#some-cool-feature") {
    someCoolFeature();
  }
}

window.addEventListener("hashchange", locationHashChanged);

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

Related events

• {{domxref("window.hashchange_event", "hashchange")}}
• {{domxref("window.popstate_event", "popstate")}}