Explication détaillée sur la façon de changer le titre d'une page Web lorsqu'elle perd le focus

Dit avant : elle doit être basée sur un navigateur prenant en charge H5

L'API elle-même est très simple et se compose des trois parties suivantes.

document.hidden : Une valeur booléenne indiquant si la page est masquée. Masquer la page inclut que la page soit dans un onglet d'arrière-plan ou minimise le navigateur (notez qu'une page couverte par un autre logiciel ne compte pas comme masquée, comme un sublime ouvert couvrant le navigateur).

document.visibilityState : représente la valeur des 4 états possibles suivants

hidden : la page est en arrière-plan ou le navigateur est minimisé

visible : la page est dans l'onglet de premier plan Medium

prerender : La page effectue un pré-rendu hors de l'écran. La valeur de document.hidden est vraie

unloaded : La page est déchargée de la mémoire

.

Événement Visibilitychange : Lorsque le document est déchargé de la mémoire. Cet événement est déclenché lorsque le visible devient invisible ou passe d'invisible à visible.

De cette façon, nous pouvons écouter l'événement Visibilitychange. Lorsque l'événement est déclenché, obtenir la valeur de document.hidden et traiter certains événements sur la page en fonction de cette valeur.

1 document.addEventListener('visibilitychange', function() { 
var isHidden = document.hidden;3   if (isHidden) {4     
document.title = '当焦点不在当前窗口时的网页标题';  } else {    
document.title = '再变回来或者做点其他的';   
}
 });

Tant que vous comprenez les principes, vous pouvez faire ce que vous voulez !~

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!