[JavaScript] visibilitychange事件

visibilitychange事件是瀏覽器新添加的一個事件,
當瀏覽器的某個標簽頁切換到后臺,或從后臺切換到前臺時就會觸發該消息,
現在主流的瀏覽器都支持該消息了,例如Chrome, Firefox, IE10等。

document.addEventListener("visibilitychange", function(){
    alert();
}, false);

現在某些瀏覽器還保留了visibilitychange的前綴
例如Chrome瀏覽器還保留著webkit前綴,
不過該事件已經趨于穩定,在Chrome 33及以后就去掉了前綴,
直接使用visibilitychange

注:
(1)微信內置的瀏覽器因為沒有標簽,所以不會觸發該事件。
(2)手機端直接按Home鍵回到桌面,也不會觸發該事件。
(3)PC端瀏覽器失去焦點不會觸發該事件,但是最小化,或回到桌面會觸發。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,589評論 25 708
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,993評論 19 139
  • 1. 首先 a 是 inline 元素 a元素下有一個匿名文本,這個文本外有一個匿名行級盒子,它有的默認verti...
    EchoSpot閱讀 280評論 0 0
  • 辛夷 四季是誰主宰 太陽 圓缺是誰剪裁 月亮 太陽消歇了 一以貫之,挽著約定 約定,不變的忠誠 忠誠讓夜鞠躬 伸手...
    花霧醉秋閱讀 228評論 0 0
  • 網上版本太多,有在plist 文件中加字段,利用蘋果app中的一些加載邏輯,這個字段完全不用,想象也是醉了。 原理...
    笨驢愛吃胡蘿卜閱讀 5,669評論 3 21