Maison > Article > interface Web > 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!