Peristiwa onpageshow

Peristiwa DOM PageTransitionEvent

Definisi dan penggunaan

Peristiwa onpageshow terjadi saat pengguna navigasi ke halaman.

Peristiwa onpageshow dengan Peristiwa onloadDengan demikian, perbedaan adalah ia terjadi setelah peristiwa onload saat halaman diunduh pertama kali. Selain itu, peristiwa onpageshow terjadi setiap kali halaman diunduh, tetapi peristiwa onload tidak terjadi saat halaman diunduh dari cache.

Untuk menentukan apakah halaman diunduh langsung dari server atau disimpan di cache, Anda dapat menggunakan objek PageTransitionEvent: Properti persisted. Jika halaman disimpan di browser, properti ini mengembalikan true, jika tidak mengembalikan false (lihat contoh yang lain di bawah ini).

Contoh

Contoh 1

Eksekusi JavaScript saat pengguna navigasi ke halaman:

<body onpageshow="myFunction()">

Coba sendiri

Contoh 2

Cek apakah halaman disimpan di browser:

function myFunction(event) { 
  alert(event.persisted);
}

Coba sendiri

Sintaksis

Pada HTML:

<elemen onpageshow="myScript">

Coba sendiri

Pada JavaScript:

objek.onpageshow = function(){myScript};

Coba sendiri

Pada JavaScript, gunakan metode addEventListener():

objek.addEventListener("pageshow", myScript);

Coba sendiri

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

Detil teknis

Bubbling: Tidak didukung
Dapat dibatalkan: Tidak didukung
Tipe peristiwa: PageTransitionEvent
Tag HTML yang didukung: <body>
Versi DOM: Peristiwa Level 3

Dukungan browser

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

Peristiwa Chrome IE Firefox Safari Opera
onpageshow Dukungan 11.0 Dukungan 5.0 Dukungan
Peristiwa DOM PageTransitionEvent