KOMPOOS.NL

onpagehide - HTML5

home » manuals » html5 » onpagehide.html

sitemap | terug naar het html5 referentie - events - overzicht

uitleg onpagehide gebeuren

Plaats het javascript wat hieronder staat in de body-sectie van jouw pagina. Op de plaats waar nu (in het script) de alerts staan kan je jouw eigen code invoegen (zonder de alerts natuurlijk). Voor browsers die niet onpagehide en onpageshow ondersteunen is er een fall-back naar de reguliere load- en unload-events.

javascript voor het onpagehide gebeuren

<script>
/*global window: false */
/*global alert: false */
function _onpageshow(evt) {
    if (evt.persisted) {
        alert("onpageshow: de pagina komt uit de (page)cache");
        return;
    }
    alert("load event voor browsers zonder ondersteuning");
}
function _onpagehide(evt) {
    if (evt.persisted) {
        alert("onpagehide: de pagina gaat in de (page)cache");
        return;
    }
    alert("unload event voor browsers zonder ondersteuning");
}
if ("onpagehide" in window) {
    window.addEventListener("pageshow", _onpageshow, false);
    window.addEventListener("pagehide", _onpagehide, false);
} else {
    window.addEventListener("load", _onpageshow, false);
    window.addEventListener("unload", _onpagehide, false);
}
</script>