js监听页面隐藏与显示

var hiddenProperty = 'hidden' in document ? 'hidden' :

                                'webkitHidden' in document ? 'webkitHidden' :   

                                'mozHidden' in document ? 'mozHidden' :   

                                null;

var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');

var onVisibilityChange = function(){

    if (!document[hiddenProperty]) {   

          console.log('我出现了');

     }else{

           console.log('我隐藏了');

     }

 }

document.addEventListener(visibilityChangeEvent, onVisibilityChange)

转载自：使用html5新特性轻松监听任何App自带返回键的示例_html5教程技巧_脚本之家