Bestimmen der Seitensichtbarkeit in HTML5 (mit Code)

Der Inhalt dieses Artikels befasst sich mit der Beurteilung der Seitensichtbarkeit in HTML5 (mit Code). Ich hoffe, dass er für Freunde hilfreich ist.

visibilitychangeSeitenereignisse, um den Sichtbarkeitsstatus der aktuellen Seite zu ermitteln und bestimmte Aufgaben gezielt auszuführen

document.hidden

Neu erscheinende document.hiddenAttribute, Es zeigt an, ob es sich bei der Seite um die aktuell vom Benutzer angezeigte Seite handelt. Der Wert ist wahr oder falsch. Der Wert von

document.visibilityState

visibilityState ist entweder visible (was anzeigt, dass die Seite die aktuell aktivierte Registerkarte des Browsers ist und das Fenster nicht minimiert ist) oder hidden ( die Seite ist derzeit nicht aktiv oder das Fenster ist minimiert) oder prerender (die Seite wird neu generiert und ist für den Benutzer nicht sichtbar.)

Listener hinzufügen

// 各种浏览器兼容 var hidden, state, visibilityChange; 
if (typeof document.hidden !== "undefined") { 
    hidden = "hidden";
    visibilityChange = "visibilitychange"; 
    state = "visibilityState"; 
} else if (typeof document.mozHidden !== "undefined") { 
    hidden = "mozHidden"; 
    visibilityChange = "mozvisibilitychange";
    state = "mozVisibilityState"; 
} else if (typeof document.msHidden !== "undefined") { 
    hidden = "msHidden"; 
    visibilityChange = "msvisibilitychange";
    state = "msVisibilityState"; 
} else if (typeof document.webkitHidden !== "undefined") { 
    hidden = "webkitHidden"; 
    visibilityChange = "webkitvisibilitychange";
    state = "webkitVisibilityState";
 } 
// 添加监听器，在title里显示状态变化
document.addEventListener(visibilityChange, function() { 
    document.title = document[state]; }, false);
// 初始化 
document.title = document[state];

Empfohlene verwandte Artikel:

Eine kurze Einführung in abstrakte Methoden, abstrakte Klassen und Schnittstellen in PHP

Was ist ein Container (Container) und eine Fassade (Facade)? Eine kurze Analyse von Containern und Fassaden in thinkphp5.1

So ermitteln Sie, ob es sich bei der thinkphp-Vorlage um eine mobile WeChat-Zahlung oder eine WeChat-Scancode-Zahlung handelt

Das obige ist der detaillierte Inhalt vonBestimmen der Seitensichtbarkeit in HTML5 (mit Code). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!