代碼如下：

 !DOCTYPE html html head  meta charset= utf-8  title 使用html5的Page Visibility API來實現 /title /head body p  document.hidden：表示頁面是否隱藏的布爾值。頁面隱藏包括 頁面在后臺標簽頁中 或者 瀏覽器最小化 （注意，頁面被其他軟件遮蓋并不算隱藏，比如打開的 sublime 遮住了瀏覽器）。 /p p  document.visibilityState：表示下面 4 個可能狀態的值 /p p  hidden：頁面在后臺標簽頁中或者瀏覽器最小化 /p p  visible：頁面在前臺標簽頁中 /p p  prerender：頁面在屏幕外執行預渲染處理 document.hidden 的值為 true /p p  unloaded：頁面正在從內存中卸載 /p p  Visibilitychange事件：當文檔從可見變為不可見或者從不可見變為可見時，會觸發該事件。 /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( 失去焦點  } else { console.log( 得到焦點  } // 判斷瀏覽器的支持情況 if (typeof document.addEventListener === undefined || typeof document[hidden] === undefined ) { console.log( 此演示需要一個瀏覽器，如谷歌瀏覽器或Firefox，支持頁面可見性API。  } else { // 監聽visibilityChange事件 document.addEventListener(visibilityChange, handleVisibilityChange, false); } /script /html 

 !DOCTYPE html html head  meta charset= utf-8  title 使用html5的Page Visibility API來實現 /title /head body p  document.hidden：表示頁面是否隱藏的布爾值。頁面隱藏包括 頁面在后臺標簽頁中 或者 瀏覽器最小化 （注意，頁面被其他軟件遮蓋并不算隱藏，比如打開的 sublime 遮住了瀏覽器）。 /p p  document.visibilityState：表示下面 4 個可能狀態的值 /p p  hidden：頁面在后臺標簽頁中或者瀏覽器最小化 /p p  visible：頁面在前臺標簽頁中 /p p  prerender：頁面在屏幕外執行預渲染處理 document.hidden 的值為 true /p p  unloaded：頁面正在從內存中卸載 /p p  Visibilitychange事件：當文檔從可見變為不可見或者從不可見變為可見時，會觸發該事件。 /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( 失去焦點  } else { console.log( 得到焦點  } // 判斷瀏覽器的支持情況 if (typeof document.addEventListener === undefined || typeof document[hidden] === undefined ) { console.log( 此演示需要一個瀏覽器，如谷歌瀏覽器或Firefox，支持頁面可見性API。  } else { // 監聽visibilityChange事件 document.addEventListener(visibilityChange, handleVisibilityChange, false); } /script /html 

需要學習html的同學請關注php html視頻教程，眾多html在線視頻教程可以免費觀看！

以上就是html解決當前窗口獲得焦點事件的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。