Recomendação de curso:

Eventos DOM HashChangeEvent

Evento onhashchange

Definição e uso

Quando o segmento de âncora da URL atual (começando com o símbolo '#' ) mudar, o evento onhashchange ocorrerá.

Um exemplo de o que é o segmento de âncora: suponha que a URL atual seja http://www.example.com/test.htm#part2 - o segmento de âncora dessa URL será #part2.

  • Para chamar esse evento, você pode: Objeto Locationde location.hash ou propriedade location.hrefpara mudar o segmento de âncora
  • Navegue para a página atual usando diferentes bookmarks (usando o botão "Voltar" ou "Avançar")
  • Clique no link que aponta para o ponto de âncora do bookmark

Exemplo

Exemplo 1

Executar JavaScript após a mudança do segmento de âncora:

<body onhashchange="myFunction()">

Experimente você mesmo

Exemplo 2

Como atribuir o evento "onhashchange" ao objeto window:

window.onhashchange = myFunction;

Experimente você mesmo

Sintaxe

No HTML:

<element onhashchange="myScript">

Experimente você mesmo

No JavaScript:

object.onhashchange = function(){myScript};

Experimente você mesmo

No JavaScript, use o método addEventListener():

object.addEventListener("hashchange", myScript);

Experimente você mesmo

Observação:Internet Explorer 8 ou versões anteriores não suportam Método addEventListener().

Detalhes técnicos

Bubbling: Suportado
Cancelável: Não suportado
Tipo de evento: HashChangeEvent
Tags HTML suportadas: <body>
Versão do DOM: Eventos de Nível 3

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente esse evento.

Evento Chrome IE Firefox Safari Opera
onhashchange 5.0 8.0 3.6 5.0 10.6
Eventos DOM HashChangeEvent