visibilitychange事件是浏览器新添加的一个事件,当浏览器的某个标签页切换到后台,或从后台切换到前台时就会触发该消息,现在主流的浏览器都支持该消息了,例如Chrome, Firefox, IE10等。
varhiddenProperty='hidden'indocument?'hidden':'webkitHidden'indocument?'webkitHidden':'mozHidden'indocument?'mozHidden':null;varvisibilityChangeEvent=hiddenProperty.replace(/hidden/i,'visibilitychange');varonVisibilityChange=function(){if(!document[hiddenProperty]){console.log('页面非激活');}else{console.log('页面激活')}}document.addEventListener(visibilityChangeEvent,onVisibilityChange);