捕获浏览器最大化与最小化事件：JavaScript监听技巧
本文介绍了如何使用JavaScript在不同浏览器环境下监听页面的最大化和最小化事件，通过示例展示了在IE、Firefox和Chrome中的实现方法。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
</head>
<body>
<div>js监听页面最大化，最小化事件</div>
</body>
<script>
//IE
if(document.addEventListener){
document.addEventListener('msvisibilitychange',function(){
console.log(document.msVisibilityState);
if(ocument.msVisibilityState=="visible"){
console.log("游览器处于最大化");
}else{
console.log("游览器处于最小化");
}
})
}
//火狐
if(document.addEventListener){
document.addEventListener('mozvisibilitychange',function(){
console.log(document.mozVisibilityState);
})
}
//谷歌
if(document.addEventListener){
document.addEventListener('webkitvisibilitychange',function(){
console.log(document.webkitVisibilityState);
if(document.webkitVisibilityState=="visible"){
console.log("游览器处于最大化");
}else{
console.log("游览器处于最小化");
}
})
}
</script>
</html>
扫一扫
807
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
