onpageshow-tapahtuma

DOM-tapahtumat PageTransitionEvent

Määritelmä ja käyttö

onpageshow-tapahtuma tapahtuu, kun käyttäjä navigoi sivulle.

onpageshow-tapahtuma ja onload-tapahtumaSamankaltainen, mutta se tapahtuu onload-tapahtuman jälkeen ensimmäisen kerran sivun lataamisen aikana. Lisäksi onpageshow-tapahtuma tapahtuu jokaisen sivun latauksen yhteydessä, mutta onload-tapahtuma ei tapahdu, kun sivu ladataan välimuistista.

Jos haluat määrittää, onko sivu ladattu suoraan palvelimelta vai välimuistista, voit käyttää PageTransitionEvent-objektin Persisted-ominaisuus. Jos sivu on tallennettu selaimen välimuistiin, tämä ominaisuus palauttaa true, muuten false (katso alla olevat lisäesimerkit).

Esimerkki

Esimerkki 1

Suorita JavaScript-koodi, kun käyttäjä navigoi sivulle:

<body onpageshow="myFunction()">

Kokeile itse

Esimerkki 2

Tarkista, onko sivu tallennettu selaimen välimuistiin:

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

Kokeile itse

Syntaksi

HTML:ssä:

<elementti onpageshow="myScript">

Kokeile itse

JavaScriptissa:

objekti.onpageshow = function(){myScript};

Kokeile itse

JavaScriptissa käytetään addEventListener() -menetelmää:

objekti.addEventListener("pageshow", myScript);

Kokeile itse

Huomautus:Internet Explorer 8 tai aikaisemmat versiot eivät tue addEventListener() -menetelmä.

Tekninen yksityiskohta

Puhkeava: Ei tuettu
Peruutettavissa: Ei tuettu
Tapahtumatyypit: PageTransitionEvent
Tuetut HTML-merkit: <body>
DOM-versio: Taso 3 tapahtumat

Selaimen tuki

Taulukon numerot osoittavat ensimmäisen selaimen version, joka täysin tukee tapahtumaa.

tapahtuma Chrome IE Firefox Safari Opera
onpageshow Tuki 11.0 Tuki 5.0 Tuki
DOM-tapahtumat PageTransitionEvent