JS實(shí)現(xiàn)仿餓了么在瀏覽器標(biāo)簽頁失去焦點(diǎn)時(shí)網(wǎng)頁Title改變
說在前面:必須是基于支持H5的瀏覽器才可以
這個(gè) API 本身非常簡單，由以下三部分組成。
document.hidden：表示頁面是否隱藏的布爾值。頁面隱藏包括 頁面在后臺標(biāo)簽頁中 或者 瀏覽器最小化 （注意，頁面被其他軟件遮蓋并不算隱藏，比如打開的 sublime 遮住了瀏覽器）。
document.visibilityState：表示下面 4 個(gè)可能狀態(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(shí)，會觸發(fā)該事件。
這樣，我們可以監(jiān)聽 Visibilitychange 事件，當(dāng)該事件觸發(fā)時(shí)，獲取 document.hidden 的值，根據(jù)該值進(jìn)行頁面一些事件的處理。
document.addEventListener('visibilitychange', function() {
var isHidden = document.hidden;
if (isHidden) {
document.title = '當(dāng)焦點(diǎn)不在當(dāng)前窗口時(shí)的網(wǎng)頁標(biāo)題';
} else {
document.title = '再變回來或者做點(diǎn)其他的';
}
});
以上所述是小編給大家介紹的JS實(shí)現(xiàn)仿餓了么在瀏覽器標(biāo)簽頁失去焦點(diǎn)時(shí)網(wǎng)頁Title改變，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
js/jquery解析json和數(shù)組格式的方法詳解
本篇文章主要是對js/jquery解析json和數(shù)組格式的方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
Javascript 生成 HTML元素的方法在本文中介紹2種，第一種是比較正規(guī)的創(chuàng)建元素方法，第二種是利用javascript中的write()方法直接寫出html元素。2014-05-05
詳談js中數(shù)組(array)和對象(object)的區(qū)別
下面小編就為大家?guī)硪黄斦刯s中數(shù)組(array)和對象(object)的區(qū)別。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
javascript 類方法定義還是有點(diǎn)區(qū)別
這兩個(gè)定義都可以，不過后者對FF貌似好一些，前者在FF下可能出現(xiàn)missing before formal parameters錯(cuò)誤，導(dǎo)致js無法執(zhí)行。2009-04-04
通常的解決辦法是把“答案”當(dāng)作整個(gè)問題容器的子元素，然后點(diǎn)擊父元素上的按鈕后展開對應(yīng)的子元素。通過父子元素的對應(yīng)關(guān)系來匹配標(biāo)題和答案。2008-09-09
最近由于公司需要研究了一下微信小程序的開發(fā),特此記錄一下小程序獲取授權(quán)的流程,便于自己理解,下面這篇文章主要給大家介紹了關(guān)于如何通過大白話理解微信小程序獲取授權(quán)的相關(guān)資料,需要的朋友可以參考下2022-12-12
JavaScript圣杯布局與雙飛翼布局實(shí)現(xiàn)案例詳解
這篇文章主要介紹了JavaScript圣杯布局與雙飛翼布局實(shí)現(xiàn)案例，這是前端面試中需要掌握的知識點(diǎn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
這篇文章的目的只是讓你認(rèn)識控制臺，讓你入門調(diào)試js，之后的路還得靠你們自己走2014-06-06
瀏覽器允許JavaScript腳本讀寫剪貼板，自動復(fù)制或粘貼內(nèi)容。一般來說，腳本不應(yīng)該改動用戶的剪貼板，以免不符合用戶的預(yù)期。但是，有些時(shí)候這樣做確實(shí)能夠帶來方便，比如"一鍵復(fù)制"功能，用戶點(diǎn)擊一下按鈕，指定的內(nèi)容就自動進(jìn)入剪貼板。本文將介紹3種方法來實(shí)現(xiàn)。2021-05-05
本文將介紹瀏覽器解壓和服務(wù)器解壓兩種在線解壓ZIP文件的方案。幫助大家用JavaScript實(shí)現(xiàn)在線解壓，感興趣的朋友可以參考下2021-05-05