Rekomendasi kuliah:

Event DOM Event HashChange

Peristiwa onhashchange

Definisi dan penggunaan

Ketika bagian tanda buku URL saat ini (dengan simbol '#' diawal) berubah, peristiwa onhashchange akan terjadi.

Sebagai contoh tentang apa itu bagian tanda buku: asumsikan URL saat ini adalah http://www.example.com/test.htm#part2 - bagian tanda buku URL ini akan menjadi #part2.

  • untuk memanggil peristiwa ini, Anda dapat: Objek Locationdari location.hash atau Properti location.hrefuntuk mengubah bagian tanda buku:
  • Navigasi ke halaman saat ini dengan bantuan tanda buku yang berbeda (dengan menggunakan tombol "Kembali" atau "Maju"),
  • Klik tautan yang mengarah ke tanda penanda buku:

Contoh

Contoh 1

Eksekusi JavaScript setelah bagian anchor berubah:

<body onhashchange="myFunction()">

Coba sendiri

Contoh 2

Bagaimana mengalokasikan peristiwa "onhashchange" kepada objek window:

window.onhashchange = myFunction;

Coba sendiri

Tata letak

Dalam HTML:

<elemen onhashchange="myScript">

Coba sendiri

Dalam JavaScript:

objek.onhashchange = function(){myScript};

Coba sendiri

Dalam JavaScript, gunakan metode addEventListener():

objek.addEventListener("hashchange", myScript);

Coba sendiri

Keterangan:Internet Explorer 8 atau versi yang lebih awal tidak mendukung Metode addEventListener().

Detil teknis

Bubbling: Didukung
Dapat dibatalkan: Tidak didukung
Tipe peristiwa: Event HashChange
Tanda buku HTML yang didukung: <body>
Versi DOM: Peristiwa Level 3

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung peristiwa ini penuh.

Event Chrome IE Firefox Safari Opera
onhashchange 5.0 8.0 3.6 5.0 10.6
Event DOM Event HashChange