Heim > Web-Frontend > H5-Tutorial > Hauptteil

Bestimmen der Seitensichtbarkeit in HTML5 (mit Code)

不言
Freigeben: 2018-08-10 11:14:02
Original
3808 Leute haben es durchsucht

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];
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage