JS實現(xiàn)在瀏覽器標(biāo)簽頁失去焦點時網(wǎng)頁Title改變
更新時間：2017年06月01日 14:01:40 作者：fea的聽說讀寫
這篇文章主要介紹了JS實現(xiàn)仿在瀏覽器標(biāo)簽頁失去焦點時網(wǎng)頁Title改變,需要的朋友可以參考下
說在前面:必須是基于支持H5的瀏覽器才可以
這個 API 本身非常簡單，由以下三部分組成。
document.hidden：表示頁面是否隱藏的布爾值。頁面隱藏包括 頁面在后臺標(biāo)簽頁中 或者 瀏覽器最小化 （注意，頁面被其他軟件遮蓋并不算隱藏，比如打開的 sublime 遮住了瀏覽器）。
document.visibilityState：表示下面 4 個可能狀態(tài)的值
hidden：頁面在后臺標(biāo)簽頁中或者瀏覽器最小化
visible：頁面在前臺標(biāo)簽頁中
prerender：頁面在屏幕外執(zhí)行預(yù)渲染處理 document.hidden 的值為 true
unloaded：頁面正在從內(nèi)存中卸載
Visibilitychange事件：當(dāng)文檔從可見變?yōu)椴豢梢娀蛘邚牟豢梢娮優(yōu)榭梢姇r，會觸發(fā)該事件。
這樣，我們可以監(jiān)聽 Visibilitychange 事件，當(dāng)該事件觸發(fā)時，獲取 document.hidden 的值，根據(jù)該值進行頁面一些事件的處理。
document.addEventListener('visibilitychange', function() {
var isHidden = document.hidden;
if (isHidden) {
document.title = '當(dāng)焦點不在當(dāng)前窗口時的網(wǎng)頁標(biāo)題';
} else {
document.title = '再變回來或者做點其他的';
}
});以上所述是小編給大家介紹的JS實現(xiàn)在瀏覽器標(biāo)簽頁失去焦點時網(wǎng)頁Title改變，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于js數(shù)組去重九種方式以及詳解的相關(guān)資料,js數(shù)組去重是比較常見的數(shù)組操作方式之一,文中介紹了九種方法,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了分析javascript中9 個常見錯誤阻礙你進步的相關(guān)資料,希望通過本文能幫助到大家，需要的朋友可以參考下2017-09-09
微信小程序并沒有提供搖一搖API接口，但是提供了一個重力感應(yīng)的API，接下來我們可以用這個方法來模擬微信搖一搖功能，具體實現(xiàn)代碼，大家參考下本文2017-07-07
這篇文章主要介紹了JS小游戲之象棋暗棋源碼詳解,對游戲源碼進行了較為詳細(xì)的分析,并附帶完整實例代碼供大家學(xué)習(xí)參考,需要的朋友可以參考下2014-09-09
這篇文章介紹了使用js復(fù)制鏈接中的部分文字的方法，技巧很實用，需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)點擊文本框顯示日期選擇器特效，提高了工作效率，推薦給大家，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-08-08
IE8的JavaScript點擊事件(onclick)不兼容的解決方法
這篇文章主要介紹了IE8的JavaScript點擊事件(onclick)不兼容的解決方法,大家參考使用吧2013-11-11
js 獲取屏幕各種寬高的方法(瀏覽器兼容)，需要的朋友可以參考一下2013-05-05
這篇文章主要為大家詳細(xì)介紹了微信小程序排坑指南，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-05-05
這篇文章主要為大家詳細(xì)介紹了js+html+css實現(xiàn)簡單日歷效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06