說在前面:必須是基於支援H5的瀏覽器才可以
這個 API 本身非常簡單，由以下三個部分組成。
document.hidden：表示頁面是否隱藏的布林值。頁面隱藏包含 頁面在後台標籤頁 或 瀏覽器最小化 （注意，頁面被其他軟體遮蓋並不算隱藏，例如開啟的 sublime 遮住了瀏覽器）。
document.visibilityState：表示下面4 個可能狀態的值
hidden：頁面在後台標籤頁中或瀏覽器最小化
visible：頁面在前台標籤頁中
prerender：頁面在螢幕外執行預渲染處理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 = '再变回来或者做点其他的';
}
});只要懂得了原理, 怎麼做都隨你!~
以上是詳解失去焦點時網頁Title改變的實作方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
