ホームページ >ウェブフロントエンド >jsチュートリアル >Webページがフォーカスを失ったときにタイトルを変更する方法の詳細な説明
Webページがフォーカスを失ったときにタイトルを変更する方法の詳細な説明
- 零下一度オリジナル
- 2017-06-26 15:19:272027ブラウズ
前に述べました: 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 サイトの他の関連記事を参照してください。