js浏览器窗口激活（各浏览器兼容）

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激活");})
}

js浏览器窗口激活（各浏览器兼容）相关推荐

获取浏览器窗口高度和宽度兼容IE
代码如下 // 浏览器窗口的宽度,兼容 Internet Explorer 8, 7, 6, 5 function getClientWidth(){return window.innerWidth ...
web前端—前端三剑客之JS(13)：BOM基础、浏览器窗口
菜鸟教程:https://www.runoob.com/js/js-window.html BOM基础 BOM(browser Object Model)是浏览器对象模型.在浏览器中window就是B ...
【js学习笔记-071】--- 浏览器和屏幕信息
Navigator对象 appName Web浏览器全称,在IE中,这就是"MicrosoftInternet Explorer" ,FF或其它中,属性值为"Netsca ...
DOCTYPE声明对JS获取窗口宽度和高度的影响【转】
[摘注]:以下说法不准确,不是有没有DOCTYPE声明,而是不同的DOCTYPE声明对js的处理有影响. 在没有DOCTYPE声明的情况下: document.body.clientWidth doc ...
html监听页面关闭事件,JS针对浏览器窗口关闭事件的监听方法集锦
本文实例总结了JS针对浏览器窗口关闭事件的监听方法.分享给大家供大家参考,具体如下: 方式一:(适用于IE浏览器,而且刷新不提示,只在点击浏览器关闭按钮的时候提示) window.οnbefοreun ...
java selenium常用API(WebElement、iFrame、select、alert、浏览器窗口、事件、js) 一
WebElement相关方法 1.点击操作 WebElement button = driver.findElement(By.id("login")); button.clic ...
JS中常遇到的浏览器兼容问题和解决方法
JS中常遇到的浏览器兼容问题和解决方法参考文章: (1)JS中常遇到的浏览器兼容问题和解决方法 (2)https://www.cnblogs.com/wws-bk/p/9770834.html 备忘 ...
js使浏览器窗口最大化（适用于IE的方法）
这里使用的方法是IE的私有特性,只能在IE中有效.主要是window.moveTo和 window.resizeTo方法. 效果和点击最大化按钮差不多,有一点区别.点击最大化按钮后,浏览器的内容填充满 ...
js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 转载...
js添加事件.移除事件.阻止冒泡.阻止浏览器默认行为等写法(兼容IE/FF/CHROME) 网上有关这方面的代码比较多而乱,这里整理一下并加以改进. 添加事件 01 var addEvent = ...
Chrome浏览器 js 关闭窗口失效解决方法
Chrome浏览器 js 关闭窗口失效解决方法参考文章: (1)Chrome浏览器 js 关闭窗口失效解决方法 (2)https://www.cnblogs.com/WhiteM/p/7098787 ...

js浏览器窗口激活（各浏览器兼容）

js 浏览器窗口激活，各浏览器兼容

js浏览器窗口激活（各浏览器兼容）相关推荐

最新文章

热门文章