代碼如下：

 !DOCTYPE html html head  meta charset= utf-8  title 使用html5的Page Visibility API來實(shí)現(xiàn) /title /head body p  document.hidden：表示頁面是否隱藏的布爾值。頁面隱藏包括 頁面在后臺(tái)標(biāo)簽頁中 或者 瀏覽器最小化 （注意，頁面被其他軟件遮蓋并不算隱藏，比如打開的 sublime 遮住了瀏覽器）。 /p p  document.visibilityState：表示下面 4 個(gè)可能狀態(tài)的值 /p p  hidden：頁面在后臺(tái)標(biāo)簽頁中或者瀏覽器最小化 /p p  visible：頁面在前臺(tái)標(biāo)簽頁中 /p p  prerender：頁面在屏幕外執(zhí)行預(yù)渲染處理 document.hidden 的值為 true /p p  unloaded：頁面正在從內(nèi)存中卸載 /p p  Visibilitychange事件：當(dāng)文檔從可見變?yōu)椴豢梢娀蛘邚牟豢梢娮優(yōu)榭梢姇r(shí)，會(huì)觸發(fā)該事件。 /p /body script type= text/javascript src= jquery-3.0.0.min.js /script script type= text/javascript  var hidden, visibilityChange; if (typeof document.hidden !== undefined ) { hidden = hidden  visibilityChange = visibilitychange  } else if (typeof document.msHidden !== undefined ) { hidden = msHidden  visibilityChange = msvisibilitychange  } else if (typeof document.webkitHidden !== undefined ) { hidden = webkitHidden  visibilityChange = webkitvisibilitychange  } function handleVisibilityChange() { if (document[hidden]) { console.log( 失去焦點(diǎn)  } else { console.log( 得到焦點(diǎn)  } // 判斷瀏覽器的支持情況 if (typeof document.addEventListener === undefined || typeof document[hidden] === undefined ) { console.log( 此演示需要一個(gè)瀏覽器，如谷歌瀏覽器或Firefox，支持頁面可見性API。  } else { // 監(jiān)聽visibilityChange事件 document.addEventListener(visibilityChange, handleVisibilityChange, false); } /script /html 

 !DOCTYPE html html head  meta charset= utf-8  title 使用html5的Page Visibility API來實(shí)現(xiàn) /title /head body p  document.hidden：表示頁面是否隱藏的布爾值。頁面隱藏包括 頁面在后臺(tái)標(biāo)簽頁中 或者 瀏覽器最小化 （注意，頁面被其他軟件遮蓋并不算隱藏，比如打開的 sublime 遮住了瀏覽器）。 /p p  document.visibilityState：表示下面 4 個(gè)可能狀態(tài)的值 /p p  hidden：頁面在后臺(tái)標(biāo)簽頁中或者瀏覽器最小化 /p p  visible：頁面在前臺(tái)標(biāo)簽頁中 /p p  prerender：頁面在屏幕外執(zhí)行預(yù)渲染處理 document.hidden 的值為 true /p p  unloaded：頁面正在從內(nèi)存中卸載 /p p  Visibilitychange事件：當(dāng)文檔從可見變?yōu)椴豢梢娀蛘邚牟豢梢娮優(yōu)榭梢姇r(shí)，會(huì)觸發(fā)該事件。 /p /body script type= text/javascript src= jquery-3.0.0.min.js /script script type= text/javascript  var hidden, visibilityChange; if (typeof document.hidden !== undefined ) { hidden = hidden  visibilityChange = visibilitychange  } else if (typeof document.msHidden !== undefined ) { hidden = msHidden  visibilityChange = msvisibilitychange  } else if (typeof document.webkitHidden !== undefined ) { hidden = webkitHidden  visibilityChange = webkitvisibilitychange  } function handleVisibilityChange() { if (document[hidden]) { console.log( 失去焦點(diǎn)  } else { console.log( 得到焦點(diǎn)  } // 判斷瀏覽器的支持情況 if (typeof document.addEventListener === undefined || typeof document[hidden] === undefined ) { console.log( 此演示需要一個(gè)瀏覽器，如谷歌瀏覽器或Firefox，支持頁面可見性API。  } else { // 監(jiān)聽visibilityChange事件 document.addEventListener(visibilityChange, handleVisibilityChange, false); } /script /html 

需要學(xué)習(xí)html的同學(xué)請(qǐng)關(guān)注php html視頻教程，眾多html在線視頻教程可以免費(fèi)觀看！

以上就是html解決當(dāng)前窗口獲得焦點(diǎn)事件的詳細(xì)內(nèi)容，html教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。