ホームページ  >  記事  >  ウェブフロントエンド  >  Webページがフォーカスを失ったときにタイトルを変更する方法の詳細な説明

Webページがフォーカスを失ったときにタイトルを変更する方法の詳細な説明

零下一度
零下一度オリジナル
2017-06-26 15:19:271995ブラウズ

前に述べました: H5 をサポートするブラウザに基づいている必要があります

この API 自体は非常に単純で、次の 3 つの部分で構成されます。

document.hidden: ページが非表示かどうかを示すブール値。ページの非表示には、ページがバックグラウンド タブに表示されたり、ブラウザが最小化されたりすることも含まれます (ブラウザを覆う開いたサブライムなど、他のソフトウェアで覆われたページは非表示としてカウントされないことに注意してください)。

document.visibilityState: 次の 4 つの可能な状態の値を表します

hidden: ページがバックグラウンド タブにある、またはブラウザが最小化されています

visible: ページがフォアグラウンド タブにあります

prerender: ページが事前に実行されます-rendering off-screen document.hidden の処理中 値は true です

unloaded: ページがメモリからアンロード中です

Visibilitychange イベント: このイベントは、ドキュメントが表示から非表示に、または非表示から表示に変更されるとトリガーされます。

このようにして、Visibilitychange イベントがトリガーされると、document.hidden の値を取得し、この値に基づいてページ上のいくつかのイベントを処理できます。

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

原理さえ理解していれば、何をやっても大丈夫ですよ〜

以上がWebページがフォーカスを失ったときにタイトルを変更する方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。