监听浏览器最小化与最大化时,执行的动作。

来源:互联网 发布:网络mg老虎机玩法 编辑:程序博客网 时间:2024/06/14 01:22


   本周做项目时,实现页面内容滚动的一个功能时,


发现在chrome与FF浏览器最小化后,当再次最大化时,滚动出现错位的现象。鉴于此,就去查了下http://html5test.com/

中是否有相关的支持,

下面列下各个浏览器化如何来监听最小化与最大化的相关code

//IE

if(document.addEventListener){

document.addEventListener('msvisibilitychange',function(){

console.log(document.msVisibilityState);

});

//FF

if(document.addEventListener){

document.addEventListener('mozvisibilitychange',function(){

console.log(document.mozVisibilityState);

});

//chrome

if(document.addEventListener){

document.addEventListener('webkitvisibilitychange',function(){

console.log(document.webkitVisibilityState);

});


}


参考:https://developer.mozilla.org/en/DOM/Using_the_Page_Visibility_API

原创粉丝点击