這篇文章主要介紹了html5中判斷當前頁面可見性狀態(tài)的方法,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
合川網站制作公司哪家好,找成都創(chuàng)新互聯(lián)公司!從網頁設計、網站建設、微信開發(fā)、APP開發(fā)、響應式網站建設等網站項目制作,到程序開發(fā),運營維護。成都創(chuàng)新互聯(lián)公司于2013年成立到現(xiàn)在10年的時間,我們擁有了豐富的建站經驗和運維經驗,來保證我們的工作的順利進行。專注于網站建設就選成都創(chuàng)新互聯(lián)公司。
visibilitychange
頁面事件來判斷當前頁面可見性的狀態(tài),并針對性的執(zhí)行某些任務
新出現(xiàn)的document.hidden
屬性,它顯示頁面是否為用戶當前觀看的頁面,值為ture或false。
visibilityState
的值要么是visible
(表明頁面為瀏覽器當前激活tab,而且窗口不是最小化狀態(tài)),要么是hidden
(頁面不是當前激活tab頁面,或者窗口最小化了。),或者prerender
(頁面在重新生成,對用戶不可見。).
// 各種瀏覽器兼容 var hidden, state, visibilityChange; if (typeof document.hidden !== "undefined") { hidden = "hidden"; visibilityChange = "visibilitychange"; state = "visibilityState"; } else if (typeof document.mozHidden !== "undefined") { hidden = "mozHidden"; visibilityChange = "mozvisibilitychange"; state = "mozVisibilityState"; } else if (typeof document.msHidden !== "undefined") { hidden = "msHidden"; visibilityChange = "msvisibilitychange"; state = "msVisibilityState"; } else if (typeof document.webkitHidden !== "undefined") { hidden = "webkitHidden"; visibilityChange = "webkitvisibilitychange"; state = "webkitVisibilityState"; } // 添加監(jiān)聽器,在title里顯示狀態(tài)變化 document.addEventListener(visibilityChange, function() { document.title = document[state]; }, false); // 初始化 document.title = document[state];
添加監(jiān)聽
document.addEventListener("visibilitychange", function() { console.log( document.visibilityState ); }); document.addEventListener("msvisibilitychange", function() { console.log( document.msVisibilityState); }); document.addEventListener("mozvisibilitychange", function() { console.log( document.mozVisibilityState); }); document.addEventListener("webkitvisibilitychange", function() { console.log( document.webkitVisibilityState); });
感謝你能夠認真閱讀完這篇文章,希望小編分享html5中判斷當前頁面可見性狀態(tài)的方法內容對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián),關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,遇到問題就找創(chuàng)新互聯(lián),詳細的解決方法等著你來學習!
本文標題:html5中判斷當前頁面可見性狀態(tài)的方法
URL分享:http://muchs.cn/article22/jephjc.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供建站公司、手機網站建設、網頁設計公司、商城網站、微信公眾號、響應式網站
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)