js判斷移動端頁面按home鍵切換到桌面事件


---恢復內容開始---

原理就是通過頁面標簽切換事件(visibilitychange)來判斷,亦可用戶移動端桌面和app切換。

先看代碼:

 1 var hiddenProperty = 'hidden' in document ? 'hidden' : 
 2           'webkitHidden' in document ? 'webkitHidden' : 
 3           'mozHidden' in document ? 'mozHidden' : 
 4           null;
 5 var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
 6 var onVisibilityChange = function(){
 7   if (!document[hiddenProperty]) { 
 8     console.log('頁面激活');
 9   }else{
10     console.log('頁面隱藏')
11   }
12 }
13 document.addEventListener(visibilityChangeEvent, onVisibilityChange);

 pageshow和pagehide事件只會在頁面加載和卸載,或者地址欄前進和后退的時候出現,不能檢測到切換桌面的事件。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM