js 浏览器窗口激活,各浏览器兼容
判断浏览器页面是否激活,对于大部分浏览器,使用 document.hidden就可以了,但是对于360浏览器的兼容模式,只能监听到 浏览器最大化和最小化,监听不到 点击Tab
//chrome,ff,360极速
var bowhidden="hidden" in document?"hidden": "webkithidden" in document?"webkithidden": "mozhidden" in document ?"mozhidden": null;
var vibchage="visibilitychange" || "webkitvisibilitychange" || "mozvisibilitychange";
document.addEventListener(vibchage,function () {
if(!document[bowhidden]) /*false*/
{
console.log("激活");
}
});
360浏览器兼容模式,使用 focus 来监听tab激活。
(网上可以搜到很多判断360浏览器兼容模式的,我实际使用时,发现无效,我使用了下面的代码判断)
var userAgent = navigator.userAgent;
var isIE = userAgent.indexOf('Trident') > -1;
if(isIE){
$(window).focus(function () {
console.log("IE激活");
})
}