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

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

零下一度
零下一度original
2017-06-26 15:19:272006parcourir

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn