Συμβάν onpageshow

DOM συμβάντα PageTransitionEvent

Ορισμός και χρήση

Το συμβάν onpageshow συμβαίνει όταν ο χρήστης περιηγείται στην ιστοσελίδα.

Συμβάν onpageshow με event onloadΠαρόμοια, η διαφορά είναι ότι συμβαίνει μετά το συμβάν onload κατά την πρώτη φόρτωση της σελίδας. Επιπλέον, συμβαίνει συμβάν onpageshow κάθε φορά που φορτώνεται η σελίδα, ενώ το συμβάν onload δεν συμβαίνει όταν φορτώνεται η σελίδα από τον κACHE.

Για να διαπιστώσετε αν η σελίδα φορτώθηκε απευθείας από τον διακομιστή ή από τον κACHE, μπορείτε να χρησιμοποιήσετε το αντικείμενο PageTransitionEvent Ιδιότητα persisted. Αν η σελίδα αποθηκεύτηκε στον κACHE του προγράμματος περιήγησης, αυτή η ιδιότητα επιστρέφει true, σε αντίθετη περίπτωση επιστρέφει false (βλέπε παρακάτω για περισσότερα παραδείγματα).

Παράδειγμα

Παράδειγμα 1

Εκτελέστε JavaScript όταν ο χρήστης περιηγείται στην ιστοσελίδα:

<body onpageshow="myFunction()">

Προσπάθησε να το δοκιμάσεις!

Παράδειγμα 2

Ελέγξτε αν η σελίδα αποθηκεύτηκε στον κACHE του προγράμματος περιήγησης:

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

Προσπάθησε να το δοκιμάσεις!

Γραμματική

Στο HTML:

<element onpageshow="myScript">

Προσπάθησε να το δοκιμάσεις!

Στο JavaScript:

object.onpageshow = function(){myScript};

Προσπάθησε να το δοκιμάσεις!

Στο JavaScript, χρησιμοποιώντας τη μέθοδο addEventListener():

object.addEventListener("pageshow", myScript);

Προσπάθησε να το δοκιμάσεις!

Σημειώσεις:O Internet Explorer 8 και παλιότερες εκδόσεις δεν υποστηρίζουν Μέθοδος addEventListener().

Τεχνικά λεπτομέρειες

Παράπλουση: Μη υποστηριζόμενο
Κατάργηση: Μη υποστηριζόμενο
Τύπος συμβάντος: PageTransitionEvent
Υποστηριζόμενες ετικέτες HTML: <body>
Έκδοση DOM: Level 3 Events

Υποστήριξη προγράμματος περιήγησης

Τα αριθμοί στη διάταξη σηματοδοτούν την πρώτη έκδοση του προγράμματος περιήγησης που πλήρως υποστηρίζει το συγκεκριμένο συμβάν.

συμβάν Chrome IE Firefox Safari Opera
onpageshow Υποστήριξη 11.0 Υποστήριξη 5.0 Υποστήριξη
DOM συμβάντα PageTransitionEvent