HTML5事件—visibilitychange 頁面可見性改變事件
又看到一個很有意思的HTML5事件
visibilitychange事件是瀏覽器新新增的一個事件,當瀏覽器的某個標籤頁切換到後臺,或從後臺切換到前臺時就會觸發該訊息,現在主流的瀏覽器都支援該訊息了,例如Chrome, Firefox, IE10等。雖然這只是一個簡單的功能,但是能夠廣大的採用HTML5開發遊戲的開發者提供方便,比如使用者正在玩遊戲時,突然切換到後臺去發一條簡訊或打一個電話,再切換到遊戲,那麼開發者就需要捕捉對這些突發情形進行處理,當遊戲切換到後臺時就暫停遊戲,從後臺切換回來時,又能允許使用者繼續遊戲。
通過document. hidden
這個事件適合在標籤不可見的時候減少網路請求、伺服器壓力等,也可以做一些好玩的事情,比如改變網頁標題的文字。
document.addEventListener("visibilitychange", function(){
document.title = document.hidden ? "使用者離開了" : "使用者回來了";
});
相關推薦
HTML5事件—visibilitychange 頁面可見性改變事件
又看到一個很有意思的HTML5事件 visibilitychange事件是瀏覽器新新增的一個事件,當瀏覽器的某個標籤頁切換到後臺,或從後臺切換到前臺時就會觸發該訊息,現在主流的瀏覽器都支援該訊息了,例如Chrome, Firefox, IE10等。雖然這只是一個簡單的功能,但是
HTML5 API --- 頁面可見性改變(visibilitychange)事件
visibilitychange事件是瀏覽器新新增的一個事件,當瀏覽器的某個標籤頁切換到後臺,或從後臺切換到前臺時就會觸發該訊息,現在主流的瀏覽器都支援該訊息了,例如Chrome, Firefox, IE10等。雖然這只是一個簡單的功能,但是能夠廣大的採用HTML5開發遊
H5頁面可見性改變(visibility change)事件
div 對象 def pau -c param mobile set number H5有一個事件叫 visibilitychange ,當瀏覽器的某個標簽頁切換到後臺,或從後臺切換到前臺時就會觸發該消息。如下: document.addEventListener("vis
Page Visibility API頁面可見性事件監聽的相容性寫法
考慮到這個API在各個版本各個型別的瀏覽器表現有所不同,所以小鄒下面給大夥出一個相容性的寫法: // 設定隱藏屬性和改變可見屬性的事件的名稱 var hidden, visibilityChange; if (typeof document.hidden !== "undefined") {
HTML5全屏,頁面可見性,訪問攝像頭和麥克風,檢測電池,預載入網頁功能
1,全屏 // 找到適合瀏覽器的全屏方法 function launchFullScreen(element) { if(element.requestFullScreen) { element.requestFullScreen(); } else if(e
頁面可見性API,解決H5端頁面可見性監聽的最終方案
一、簡介 背景: 一般我們在進行前端頁面開發時,對於使用者正在離開頁面。常用的方法是監聽下面三個事件。 pagehide beforeunload unload 但是,這些事件在手機上可能不會觸發,頁面就直接關閉了。因為手機系統可以將一個
cocos2d設定子節點不隨父節點的透明度和可見性改變
Vector<Node *> childrenVec = m_MaskBg->getChildren(); for (int i = 0; i < childrenVec.size(); i++) { childrenVec.at(i)-&
Page Visibility(頁面可見性) API介紹、微拓展
這篇文章釋出於 2012年11月29日,星期四,23:30,歸類於 web綜合。 閱讀 6
Html5與Css3元素可見性、浮動、定位、對齊(九)
控制元素的顯示型別 塊級元素 dispaly:block; 行內元素(顯示設定設定寬度、高度不起作用) display:inline; 1.不接受padding設定,但padding-top和padding-bottom會越界進入相鄰元素的區域
背水一戰 Windows 10 (69) - 控件(控件基類): UIElement - Manipulate 手勢處理, 路由事件的註冊, 路由事件的冒泡, 命中測試的可見性
alex remove void express 簡單 let win 位置 edr [源碼下載] 背水一戰 Windows 10 (69) - 控件(控件基類): UIElement - Manipulate 手勢處理, 路由事件的註冊, 路由事件的冒泡, 命中測試的可
頁面不可見時觸發事件
應用場景:頁面進入後臺時暫停背景音樂,再次進入時重新播放 load()方法可以加在body onload事件中,也可以等頁面載入完成後執行 var hidden, visibilityChange; function load() { if (typeof document.hidden
HTML5 Canvas 繪圖方法整理 【十五、Canvas頁面互動: 滑鼠事件 】
在Canvas中 滑鼠事件分為以下三種: 1、滑鼠按下 : mousedown 2、滑鼠鬆開 : mouseup; 3、滑鼠移動 : mousemove 一般需要用到與滑鼠有關係的互動 都離不開這三種,例如常用的拖拽、移動、獲取當前位置資訊等; 不過這裡需要知
easyui 綁定下拉框,下拉框選擇改變事件的觸發方法
height mbo options ble data 方法 cte com ear //①定義下拉框 //離線公司【個人或公司】 下拉框 var tmpComOrPer = { type: ‘combobox‘, options
radio改變事件
需要 如果 value customer rip cti hang 改變 log 當單選框改變時觸發事件 <input type="radio" name="isclient" value="1" checked id="customer"><lab
大坑啊!!!關於頁面加載完畢事件!!!
tro spa span 頁面 nbsp 關於 獲取 read nload 這個坑導致我頁面加載完畢後獲取元素高度有問題,獲取不正確或者是很小才20px,元素本身高度幾百,困擾了我這個新手幾天。原因就是js原生的onload事件和jq的ready事件的區別。 1.執行時間
silverlight屬性改變事件通知
void property att lap str ring nbsp callback ebo 工作中遇到silverlight本身沒有提供的某些屬性改變事件,但又需要在屬性改變時得到通知,Google搬運stack overflow,原地址 /// Listen
AngularJs-destroy事件 (頁面離開事件)
userinfo telephone on() function 監聽 user detail ddr troy AngularJs-destroy事件 $scope.$on("$destroy", function() { //清除配置,不
JS監聽頁面滾動到底部事件
his div span 頁面 == nbsp scroll win cnblogs 廢話不說,直接上代碼,放心我這個是最好的,直接放到js腳本裏,直接生效: $(window).scroll(function(){ var scrollTo
div、span綁定內容改變事件
set val for 不能 height meta select lec src 內容改變事件onchange只適用於form表單標簽(input、select、textarea) 當需要對div、span標簽進行內容改變監聽則無法適用,查閱了一些資料發現jquery有針
創建持久性WMI事件時0x8004100e錯誤處理
wmi在做持久性WMI事件的測試中,反復刪除WMI實例,後來遇到如下錯誤:Event filter with query "select * from DATABASE_MIRRORING_STATE_CHANGE" could not be reactivated in namespace "//./roo