溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
說在前面:必須是基于支持H5的瀏覽器才可以
這個 API 本身非常簡單，由以下三部分組成。
document.hidden：表示頁面是否隱藏的布爾值。頁面隱藏包括 頁面在后臺標簽頁中 或者 瀏覽器最小化 （注意，頁面被其他軟件遮蓋并不算隱藏，比如打開的 sublime 遮住了瀏覽器）。
document.visibilityState：表示下面 4 個可能狀態的值
hidden：頁面在后臺標簽頁中或者瀏覽器最小化
visible：頁面在前臺標簽頁中
prerender：頁面在屏幕外執行預渲染處理 document.hidden 的值為 true
unloaded：頁面正在從內存中卸載
Visibilitychange事件：當文檔從可見變為不可見或者從不可見變為可見時，會觸發該事件。
這樣，我們可以監聽 Visibilitychange 事件，當該事件觸發時，獲取 document.hidden 的值，根據該值進行頁面一些事件的處理。
document.addEventListener('visibilitychange', function() {
var isHidden = document.hidden;
if (isHidden) {
document.title = '當焦點不在當前窗口時的網頁標題';
} else {
document.title = '再變回來或者做點其他的';
}
});
以上所述是小編給大家介紹的JS實現仿餓了么在瀏覽器標簽頁失去焦點時網頁Title改變，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對億速云網站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
